rupeshtiwari Goto Github PK

Hi, I am a Microsoft Certified Sr. Software/Solution Architect. Currently focusing on Azure cloud solution architecture. I am also a professional trainer, Pluralsight author, speaker, blogger and YouTuber. I am passionate about problem solving and learning new technologies. I help students and professionals to become Full Stack Software Developer in less than a year! I am the founder of Fullstackmaster.net.

Here is what I offer FREE resources to freshers and developers!

• Latest technical blogs for developers ✍️
• Steps to become Angular developer
• Client Side programming using JavaScript for beginners
• Server side programming for beginners with JavaScript
• RxJS for beginners
• Angular for beginners
• Angular for experts
  • NgRX Sample Apps
  • Angular Workspace
  • Monorepo using NRWL.Nx Framework
  • UI-Composition and Micro-Frontend Example using Angular and NgRx
• Angular npm packages that I created
• Resume preparation guideline
• SOLID Design & Architecture styles
• Azure for beginners
• Data Structures and Algorithms
• System Design Fundamentals
• Projects that I worked on
• Challenges I faced and solved
• Mistakes done by Me!
• My Hobbies
• Pluralsight Author
• Resume
• Paid online training for developers & freshers 👨🏼‍🏫
• Thank you!

• How to improve Reliability in the cloud?
• Cloud Security Defense In-Depth Azure Approach
• Cost Optimization with Amazon EC2 Spot Instances
• How to Maintain Well-Architected-Framework on Cloud
• Introduction to CAP Theorem

If you want to become Angular developer follow below steps:

1. Learn basics of Html, CSS and JavaScript from W3school.com.
2. Make some JavaScript and Typescript projects check this link
3. Learn basics of npm and node.js from w3school or youtube.
4. Learn server side programming using JavaScript Express node package. Check this link
5. Next learn RxJS check this link
6. Finally create Angular projects from basics to advance level.

JavaScript is important to learn if you want to become front-end developer or full stack developer using JavaScript node.js. Here are the list of free video courses that you will enjoy and learn about JavaScript and node.js from beginning. Visit JavaScript Beginner Web Application that you will be building after finishing both client side and server side learning materials.

• Video Lesson: Javascript essential concepts for beginners/interview These set of videos I will be teaching closure, hoisting, scope and other important concepts in JavaScript. Must watch these videos to build your foundation on JavaScript. Find the source code repositories below:
  • Source Code: JavaScript basic concepts tutorial code including hoisting, closure etc..
• Modeling Session video lessons: Creating User Registration JavaScript app modeling workshop for beginners This is the modeling session where I have explained in detail how to solve Add, Delete user problem. You must watch these videos to proceed further.
• Coding Session video lesson: Javascript Web App to Add User using jQuery Code along with me to create web app for Add user use case. Watch the modeling session before watching this videos. Find the source code repositories below:
  • Source Code: Add user web app using jQuery and JavaScript
• Coding Session: Add user web app using jQuery and Typescript In this video I will introduce Typescript in add user web app also I will write unit test using jasmine. Find the source code repositories below:
  • Source Code: Add user web app using jQuery and Typescript
  • Source Code: Unit Testing for Add user web app using jQuery and Typescript

Below learning materials will help you to learn express and finish the web site by adding Add and Delete user use cases with both client and server side coding knowledge.

• Coding Session video lesson: Introduction to Express with Typescript example add user web app with jQuery
  • Source Session: Introduction to Express with Typescript example add user web app with jQuery Introduction to express and make basic http call from jQuery to Express endpoint running on local server.
  • Source Code: Integrate server using express and Typescript This is the code for integrating express in Add user web app done previously in JavaScript for beginners client side section.
  • Source Code: Add and Delete User web app jQuery Typescript and express deploy to Heroku cloud. This is the complete source code that has add, delete user use case with express and typescript and deployment configuration to deploy Heroku cloud.

Visit the site User registration. Here is the final site deployed in Heroku using Typescript, jQuery, express. That you will build together with me by the end of course.

Visit Fullstack Master YouTube channel to get more such videos and playlist.

✍️ Read my all JavaScript related technical blogs for developers here.

RxJS is most important topic you should learn if you want to start your carrier in Angular. Here is a most viewable RxJS Youtube videos that will help you to build good foundation on RxJS and reactive programming.

• RxJS basics for beginners

✍️ Read my all RxJS related technical blogs for developers here

Angular is most popular UI framework that helps you to build modern SPA based frontend projects. If you want to learn angular, checkout below angular resources (videos, source-code, articles).

• Source Code: Basic Angular Application for beginners
• Source Code: Angular Beginner sample application | Visit the demo site
• Source Code: Angular app CI/CD GitHub Actions Workflows
• Video: Learn Angular Dependency Injection from scratch for interview
• Video: Build Angular Fullstack e-Commerce Application MEAN.JS
• Video: Learn JWT authentication in Angular and Express

✍️ Read my all Angular related technical blogs for developers here.

• Counter App using NgRX : Source code for ngrx counter app.

Multiple Angular projects can be combined in a single repo. If you have large team and multiple repositories. It will create large churn in the team. Therefore, learn about Angular workspace or monorepo. Here are the resources that will help you to build your monorepo workspace using multiple angular projects.

• Source Code: Build Angular App using Angular Workspace | Visit demo site

Do you want to do micro-frontend and build a Composed UI? Suppose your company has various services, for example, customer and sales service. And you want to make a site with composition UI where both services want to show their widgets. How would you attempt it by not creating a monolith in the client side code base? The answer to this question is MonoRepo with Multi Project architecture. I am using the Nrwl.Nx framework to create my monorepo to achieve UI composition. Also in order to isolate the state of services to corresponding services you could consider using NgRX to manage the state of your application. In your company, are you planning to introduce monorepo? Then consider using Nx library. I have couple of coding examples for angular and nx monorepo worth checking them out.

• Article for getting started with Nx Monorepo

GitHub Source for Nx Monorepo

• Angular Monorepo Nrwl.NX sample
• Angular Monorepo Nrwl.NX sample with advance Azure CI/CD

In general Big ball of mud is not good architecture. Therefore, nowadays microservice architecture is popular. Therefore, in the UI also engineers are trying to apply micro-frontend architecture. I have used angular and ngrx to try to solve UI Composition and created one e-store app to demonstrate the solution. Feel free to check out the source code and live app. I have created composed ui application demonstrating using sales and finance services and creating e-commerce online application to show products, cart and checkout pages. Here is the live demo for ui composition example/demo app.

• Source Code for Composed UI demo e-store app

• Angular Pub/Sub Library to write event driven Angular app.
• FSMS npm organization to visit more libraries.

✍️ Read my all monorepo related technical blogs for developers here.

If you want to prepare you resume and need my guideline then watch below videos.

• Video: Guideline to prepare your first resume

In order to solve big system design problems, you must know about SOLID design principal, Design patterns and Architecture styles. Check out below videos to learn them.

• Video: SOLID design principal
• Video: Design Patterns for developers
• Video: CQRS Architecture style

Azure is a cloud compute service provider. Make sure you learn any cloud technology. You could learn AWS, Google Cloud or Azure. I am learning Azure now a days. Here are the resources if you want to learn Azure with me then check them out.

• Secure your .Net MVC app using Azure Identity Provider
• Video: Azure Site Disaster Recovery Concepts
• Video: Managing Azure Tags Using PowerShell cmdlets

✍️ Read my all Azure related technical blogs for developers here.

I myself is from Electronics and Telecommunication Branch. Therefore, I had to learn all computer science fundamental from scratch. And I got some good experience and here I will take that opportunity to teach you as well. I hope you will enjoy them and also learn computer science fundamentals. I will try my best to make them very easy and simple for you. You will become problem solver and well equipped with data-structure and algorithm.

Learn below computer science topics from scratch and prepare for coding interview in Facebook, Amazon, Google, Microsoft etc.

• Data-Structure
• Algorithms
• Coding Interview Questions & Answers

Learn Data-Structure & Algorithms, Solve many interview coding questions using JavaScript.

Learn DataStructure

You will learn below:

• System Design Fundamentals and

• System Design Interview Questions & Answers

• Source Code: Replication and Sharding

Here are some more projects that I worked on.

• AICPA Exam Software - This is the project that I work daily. I have created many components both in server and client on this application.
• iOS App iReformat using Xamarin
• Online e-commerce App MEAN stack

I found my team and myself finding difficulties on below things and I build tools/utilities & frameworks to solve them.

• Multi-monitor browser communication: I worked on Fujifilm Medical project to show cardio etc. reports on Web application. That was challenging project I had to solve multi-monitor communication issue using JavaScript.
• Messaging Framework: On Angular project by creating pub/sub library that helps to create loosely coupled modules in Angular.
• UI Composition problem: We have many business services while assembling and authoring exams. It is challenging to create website that will have UI components from various services and communicate each other. I leaded the UI composition framework and implemented the solution both in client side (Angular framework) and in Server side ( C# Asp.net ).
• Migrating AngularJS to Angular: Came up with strategy and used new Angular features to simplify while brining AngularJS to Angular framework.
• Migrating old Typescript code to ES6 format: I had to write my own lil node.js tool to auto migrate lots of old code to ES6 format to migrate large set of code base.
• Creating VsCode snippets for helping developers to get boilerplate code.
• Created JavaScript CLI for our team to create Angular, NgRX, JS enterprise projects to start.

• When I started on my software carrier I was not clear about Separation of Concerns and I used to mix the concerns. Like used to put Repository classes implementations in Domain layer.

• Learning new programming skills
  • PHP Laravel framework learned to build my Fullstackmaster.net
  • Ruby I learned to create my blog
  • Learned React and React-Native to create iOS and Android apps
  • Learned Xamarin and created & published iOS App iReformat using Xamarin
• Making YouTube Videos for developers
• Writing blogs for developers
• Speaking on technical topics in local developers seminars
• Playing precaution instruments like Tabla, Drums
• Reading and writing about spirituality sample posts

Now a days RxJS is much popular and testing RxJS is challenge. I would recommend using Marble Diagrams to write specs for your RxJS methods. Learn everything you should know about RxJS Unit Testing with Marble Diagram course at Pluralsight from scratch. If you like my course please add ratings and comments. Visit my Pluralsight profile

I have been working on IT industry since 17+ years.

Rupesh Tiwari as Fullstack Developer/Architect

I conduct software development trainings. Here are some of my training materials you have to buy them though!😃 If you want to become full stack developer and grow your carrier as Lead Developer/Architect then consider my training courses.

• Build Fullstack Angular real world app from scratch. It is online shopping ecommerce site and deploy over cloud Heroku. Visit online shopping site live. Get the complete source code and guided video course to create this project from scratch Mastering MEAN.Js for full stack development at fullstackmaster.net.
• Create your first JavaScript application using event driven architecture and deploy over cloud Heroku. Visit the live JavaScript application. Get the complete source code and guided videos to create this project from scratch. Create JavaScript App from Scratch and Deploy to Cloud (Heroku) at fullstackmaster.net.
• Advance your Angular skills by mastering RxJS and Higher order RxJS operators. Get the complete source code and guided videos to create this project from scratch. Mastering RxJS Higher Order Observables at fullstackmaster.net.
• If you don't want to buy individual courses then we have monthly membership plans and you will get unlimited access to all of our video courses, slides, source code & Monthly video calls.
  • Please subscribe to All Access Membership Pro to watch angular, JavaScript, node.js and related technology courses.
  • Please subscribe to All Access Membership Elite to get everything from PRO plan additionally you will get access to monthly live Q&A video call with Rupesh and ask doubts and get more tips and tricks.

Your bright future is waiting for you so visit today FullstackMaster and allow me to help you to board on your dream software company as a new Software Developer, Architect or Lead Engineer role.

Rupesh Tiwari
www.rupeshtiwari.com
✉️ [email protected]
Founder of www.fullstackmaster.net
Rupesh Tiwari Resume copy