Channel Title: Technical Babaji (Tarique Akhtar) Channel Description: Technical Babaji is all about teaching Coding & Programming skills and techniques in an well organized and practical manner. If you are just getting started in Coding & Programming. Technical Babaji has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Technical Babaji also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Technical Babaji in order to share my passion for Coding & Programming, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2017 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Name : Tarique Akhtar Ansari Contact me: tarique.rkl@gmail.com <video> AWS Lambda Tutorial: How to deploy Node.js REST APIs on aws lambda Function Description: In this video we are going to deploy our Expressjs rest api on aws lambda function using serverless framework which is a great combination, super simple to use and extremely powerful So if you are not familiar with lambda. so let me tell you its new paradigm that provides function as a service So lambda is a cloud computing architecture where the application owner does not purchase, rent, manage, our provision the servers, instead aws manages the infrastructure side of the things for the applications. The biggest advantages of this architecture is that provisioning of servers is done dynamically to meet the real-time computing demand serverless doesn't mean it run without server it means we don't need to manage the server side things so we could only focus on development Functions-as-a-Service (FaaS) is a business model that lets you execute a piece of code and only charges you for the resources you use. As a developer, this means that you don't have to think about managing servers and scaling. You just focus on code. There are several service providers who provide FaaS, such as Amazon Web Services Lambda, Google Cloud Functions, and Microsoft Azure Functions. In this post we will see how to deploy an Express.js application to the AWS Lambda function and we will use the Serverless Framework to automate our deployment process. In this video we will: Understand Serverless Convert the Express app to make it ready to deploy on the Lambda environment Set up Serverless Framework and deploy the application to AWS Lambda Finally, test our application Why use Serverless Cost-effective: With a serverless architecture, you pay only for what you use. There is no idle capacity, no wasted resources, or money. No Server Management: Say goodbye to backend infrastructure management. No downtime, no provisioning or maintaining of servers ever again. Virtually limitless scalability: Scale only functions and not the application. Scaling up or down is as simple as executing a few lines of code. High availability: Extreme fault tolerance, which is made possible by multiple redundancies, is baked into the serverless architecture. </video> <video> Angular 15 CRUD app using material UI | JSON-server | step by step Description: Angular 15 CRUD operation from scratch using Angular Material UI components. Building a CRUD application is a basic step to learning to integrate the front end with the back-end. CRUD stands for the four functions create, read, update, and delete in computer programming. They are used to implement persistent storage applications: SOURCE CODE: https://github.com/Tariqu/angular-crud-app Prerequisites Angular CLI Node.js Visual Studio Code Angular routing in detail: https://youtu.be/peun5pXrcJE Update to angular v15: https://youtu.be/peun5pXrcJE Standalone component and new way of routing: https://youtu.be/c5f8Y2fzZM0 Deploy Angular app to S3 Bucket: https://youtu.be/DkJm_QbFqRA Get in touch on social media: Instagram: https://www.instagram.com/tariquerkl/ LinkedIn: https://www.linkedin.com/in/tarique-akhtar-ansari-616087132/ Telegram: https://t.me/TechnicalbabajiYT Twitter: https://twitter.com/TariqueAkht </video> <video> MEAN and MERN stack AWS deployment Architecture - reduce cost by 90% Description: In this video we are going to learn How to deploy MEAN stack or MERN stack Application so that server cost will be reduced by 90%. For any Business enquiry contact us Gmail :- tarique.rkl@gmail.com WhatsApp :- +917978073704 (for only business query) How to Deploy Angular ReactJS VueJs App to AWS S3 CloudFront Route53 with SSL certificate https://youtu.be/DkJm_QbFqRA Good aws Architecture 1. Cost effective 2. Fast - Response Time 3. Scalable 4. Low Maintenance 5. Data Safe 6. Time AWS Services Which I used for Deployment 1. Lambda Function 2. Relational Database Service - RDS 3. Simple Storage Service - S3 4. CloudFront 5. API Gateway 6. Route53 7. Certificate Manager - ASM </video> <video> Getting started with standalone components | new way of routing in angular v15 Description: In this video we are going to learn about standalone component, latest feature added in angular v15 and almost everything related to this so that you can start using standalone component in your project Angular update Guide: https://update.angular.io/ You can find me here as well Instagram: https://update.angular.io/ GitHub: https://github.com/tariqu LinkedIn:: https://www.linkedin.com/in/tarique-a... Standalone components provide a simplified way to build Angular applications. Standalone components, directives, and pipes aim to streamline the authoring experience by reducing the need for NgModules. Existing applications can optionally and incrementally adopt the new standalone style without any breaking changes. </video> <video> Angular Routing | LazyLoading | AuthGuard | multiple router-outlet | all in one video Description: In this video you will learn all about angular routing so that you can start building your dream project soon. Source code Link: https://github.com/Tariqu/routing ============================================= For any Business/Freelancing enquiry contact us Gmail :- tarique.rkl@gmail.com WhatsApp :- +917978073704 ============================================= ng-bootstrap link : https://ng-bootstrap.github.io/#/home Angular-FortAwesome Link : https://github.com/FortAwesome/angular-fontawesome Generate an application with routing enabled ng new angular-routing --routing The following command uses the Angular CLI to generate a basic Angular application with an application routing module, called AppRoutingModule, which is an NgModule where you can configure your routes. The application name in the following example is angular-routing. Add components for routing ng generate component login To use the Angular router, an application needs to have at least two components so that it can navigate from one to the other. To create a component using the CLI, enter the following at the command line where login is the name of your component Repeat this step for a second component but give it a different name. Here, the new name is forgot-password. ng generate component forgot-password again for not-found ng generate component not-found Defining a basic route we first define all the basic route using routerLink for login, forgot-password, then Setting up wildcard routes { path: '**', component: } if user type or try to go to a path which is not present in the application then we will redirect the user to page-not found component Lazy loading You can configure your routes to lazy load modules, which means that Angular only loads modules as needed, rather than loading all modules when the application launches. Additionally, you can preload parts of your application in the background to improve the user experience. Preventing unauthorized access Use route guards to prevent users from navigating to parts of an application without authorization. The following route guards are available in Angular: ---- CanActivate ``` export class YourGuard implements CanActivate { canActivate( next: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { // your logic goes here } } ``` watch this video till the very end manything you will learn about a real world project </video> <video> Javascript Event Loop classic example #shorts Description: #shorts 🔄 Demystifying JavaScript Event Loop in 60 Seconds! 💡 | Short Video Dive into the heart of JavaScript's event loop in just 60 seconds! 🚀 In this quick video, we unravel the execution sequence of asynchronous code using a simple example. Watch as we explore setTimeout, Promises, and the order in which they interact with the event loop. 🔍 Highlights: Console Insights: Understand the output sequence of synchronous and asynchronous code. setTimeout Magic: Explore the behavior of setTimeout with a minimal delay. Promise Power: Witness the asynchronous nature of Promises in action. 🤓 For: JavaScript enthusiasts keen on mastering event loops. Developers aiming to demystify asynchronous code execution. Quick learners looking for concise insights in 60 seconds! 🎥 What's Inside: Console log 'START' setTimeout behavior with minimal delay Promise creation and asynchronous execution Console log 'STOP' 🚨 Ready to untangle the mysteries of the event loop? Hit play now and boost your understanding of JavaScript's core concept! 🔥 </video> <video> Find the maximum repeated character #javascript #coding Description: #shorts "🚀 Dive into the world of JavaScript with our latest YouTube Shorts! 🌐✨ In this 60-second quick tutorial, we unravel the mysteries of a powerful code snippet - the 'maxCount' function! 🧠💻 Learn how to find the character with the highest frequency and its count in a string using JavaScript. 🚀 Follow along as we break down each line of code and demystify the logic behind it. Whether you're a coding enthusiast or just curious about JavaScript, this short and sweet tutorial is perfect for you! 🤩✨ Hit play now and boost your coding skills in just 60 seconds! ⏱️🚀 #JavaScript #Shorts #CodingTutorial #ProgrammingMagic" </video> <video> Update your Angular applications to Angular version 15 Description: This video provides information about updating your Angular applications to Angular version 15. Angular update Guide: https://update.angular.io/ You can find me here as well Instagram: https://update.angular.io/ GitHub: https://github.com/tariqu LinkedIn:: https://www.linkedin.com/in/tarique-akhtar-ansari-616087132/ </video> <video> Code optimization #javascript #coding Description: Learn how to optimize your JavaScript code by simplifying user type validation using a clean and efficient approach. In this short video, we explore a concise method to check user types against a predefined array. By leveraging the power of JavaScript arrays and the includes method, we make our code more readable and maintainable. Say goodbye to lengthy conditional statements and embrace a streamlined solution for handling user types. Watch now and improve the efficiency of your code with this practical optimization technique! 🚀 #JavaScript #CodeOptimization #ProgrammingTips </video> <video> Javascript Interview question #shorts Description: #shorts 🚀 JavaScript Interview Questions in 60 Seconds! 💻 | Quick Tips & Tricks Crack that JavaScript interview with ease! 🌟 Join me in this rapid-fire 60-second video where we unravel key JavaScript interview questions. Whether you're prepping for a job change or just want to brush up on your skills, these quick tips will boost your confidence. 🔍 Highlights: Syntax Essentials: Nail the basics for a solid foundation. Tricky Scenarios: Tackle common pitfalls with ease. Problem-Solving Hacks: Quick tips for coding challenges. Confidence Boost: Stand out in your JavaScript interviews! 🤝 For: Job seekers gearing up for JavaScript interviews. Developers looking for a quick knowledge refresher. Anyone wanting to ace those coding questions! 🎓 Quick and Packed: Bite-sized content for on-the-go learning. Practical insights to enhance problem-solving. Elevate your JavaScript interview game in just 60 seconds! 🚨 Ready to impress? Hit play now! 🔥 </video> <video> Build Scalable REST APIs in Node.js with Express, Postgres & SequelizeORM (2-Hour Masterclass) Description: This comprehensive 2-hour tutorial takes you from beginner to expert in Node.js, Express, Postgres, and SequelizeORM! Learn everything you need to create scalable, secure, and maintainable APIs. Step-by-step instructions, hands-on exercises, and expert tips make this the ultimate guide for backend developers. No prior experience required! Even if you're new to Node.js or SequelizeORM, this tutorial will equip you with the skills to build professional-grade APIs. Project related links: ---------------------------------- Download NodeJs: https://nodejs.org/en Download Postman: https://www.postman.com/downloads/ Downlaod project code(GitHub) : https://github.com/tariqu/REST-APIs/ Sequelize ORM : https://sequelize.org/ 📚 Topics Covered: 00:00 Project Overview 02:34 Project Setup 05:28 Create Express Server 06:12 Postman Setup 06:55 Folder Structure 13:55 Setup Project Env 18:05 Setup SequelizeORM 24:00 Generate Model and Migration file 34:02 Signup Process 40:00 Password Validation and Encrption 43:25 JsonWebToken 47:06 Login Process 54:35 Global Error Handler 01:15:55 Code Refactoring 01:15:55 Validation and Constraints 01:22:41 Project Model 01:33:40 Authentication 01:41:56 Authorization 01:47:06 Association 01:59:04 Seeder 🛠️ Tools Used: Node.js Express.js PostgreSQL Sequelize ORM 👩‍💻 Who Is This For: Developers wanting to learn or reinforce REST API concepts. Those interested in building scalable and efficient APIs. Enthusiasts looking to integrate PostgreSQL with Node.js applications. 🎥 Watch Now: https://youtu.be/4mKY_yDq64g 🤝 Connect With Me: Instagram: [https://instagram.com/tariquerkl] Discord: [https://discord.gg/fEkNPdWy] GitHub: [https://github.com/tariqu] 🚨 Ready to elevate your API development skills? Dive into the tutorial now! Don't forget to like, share, and subscribe for more content! 🔥 </video> <video> CSS Gradient in one minute Description: linear-gradient() The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line. #css #html #frontend </video> <video> How to Migrate Local PostgreSQL Database to AWS RDS Description: In this video we are going to see how to Migrate local PostgreSQL database to AWS-RDS So this is the 3rd video of MEAN stack deployment architecture for aws In the last video we have seen that how to deploy nodejs REST APIs to aws Lambda function So this video is only about AWS-RDS services RDS has free-tier option with 20GB of storage and 20GB of backup so basically we are going to get RDS service free for one year. So before starting this video we need pgAdmin pgAdmin is a database management tool. so we will use this tool to connect to local postgres databse as well as for Remote Database Service https://www.pgadmin.org/download/ #PostgreSQL #aws #RDS </video> <video> Create automated invoice in Excel and generate invoice PDF 2024 Description: 🚀 Welcome to Technical Babaji! 🚀 In our latest video, "Create Automated Invoice in Excel and Generate Invoice PDF 2024," we're diving deep into the world of streamlined invoicing processes using Microsoft Excel. Whether you're a small business owner, freelancer, or just looking to enhance your Excel skills, this tutorial is designed to make your invoicing game strong. 📊 Here's what you'll learn in this video: 📐 Invoice Design: Dive into the world of aesthetically pleasing and functional invoice design. Learn how to customize your invoices in Excel, making them not just a transaction record but a reflection of your brand identity. 📊 Product Table: Discover the secrets of setting up a dynamic product table to streamline your inventory management. We'll guide you through organizing product details, prices, and quantities, ensuring accuracy and efficiency in your invoicing. 👥 Customer Table: Build a robust customer table to keep all your client information in one place. We'll show you how to create a database of customer details, facilitating personalized invoicing and enhancing your customer relationship management. 💼 Invoice Table: Uncover the key components of an automated invoice table. Learn how to link the product and customer tables to create a seamless and error-free invoicing system that saves you time and minimizes mistakes. 💾 Save & Generate PDF: Witness the magic of automation as we guide you through saving and generating PDF invoices effortlessly. Streamline your workflow and create professional-looking PDFs with just a click, taking your invoicing game to the next level. By the end of this tutorial, you'll have a comprehensive understanding of how to leverage Excel for creating automated invoices and generating PDFs effortlessly. 🛠️ Tools Used: Microsoft Excel 👩‍🏫 Who is this for? Small Business Owners Freelancers Excel Enthusiasts 🔗 Timestamps: 00:00 - Introduction 02:20 - Invoice Design 05:54 - Apply Vlookup and Formula 16:35 - Clear and Generate Invoice number 26:28 - Save and Generate PDF 📌 Stay tuned for actionable tips and tricks throughout the tutorial to boost your productivity! Ready to elevate your invoicing game? Hit play and let's dive into the world of automated invoicing using Excel. Don't forget to like, subscribe, and hit the notification bell to stay updated on our latest tutorials. Let's excel together in 2024! 💼📈✨ </video> <video> Everything You Need to Know About Angular Services and Beyond | In-depth tutorial Description: In this in-depth tutorial, we explore Angular services from the ground up, covering everything from the basics to more advanced concepts. By the end of this video, you'll have a deep understanding of how services work in Angular. Angular services are a key part of building high-quality Angular applications, and in this step-by-step tutorial, we show you everything you need to know to get started. From creating a new service to using dependency injection, we cover it all in detail. If you're a web developer looking to enhance your Angular skills, this comprehensive guide to Angular services is for you. We dive deep into the inner workings of services in Angular, showing you how to build powerful and efficient applications that are easy to maintain and scale. Example-1 source code: https://github.com/Tariqu/YT-angular-service-example Angular 15 crud app: https://youtu.be/4mKY_yDq64g Angular routing in detail: https://youtu.be/peun5pXrcJE Update to angular v15: https://youtu.be/peun5pXrcJE Standalone component and new way of routing: https://youtu.be/c5f8Y2fzZM0 Deploy Angular app to S3 Bucket: https://youtu.be/DkJm_QbFqRA Get in touch on social media: Instagram: https://www.instagram.com/tariquerkl/ LinkedIn: https://www.linkedin.com/in/tarique-akhtar-ansari-616087132/ Telegram: https://t.me/TechnicalbabajiYT Twitter: https://twitter.com/TariqueAkht </video>

Contacts and Links

Description

Technical Babaji is all about teaching Coding & Programming skills and techniques in an well organized and practical manner. If you are just getting started in Coding & Programming. Technical Babaji has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Technical Babaji also deep dives into advanced topics using the latest best practices for you seasoned web developers.

I started Technical Babaji in order to share my passion for Coding & Programming, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2017 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you.

Name : Tarique Akhtar Ansari
Contact me: tarique.rkl@gmail.com

Videos from channel