In this course, you will learn the basics of Git, Basics of Front End Web Development, JavaScript and we will move on to learning the top two libraries and frameworks that are most used by the industry - React JS and Node JS. You will be learning the basics from scratch, along with creating an industry ready single page web application.
At the end of the course, we all will have completed a product called as Leadstagram, which is a leads manager similar to Instagram. As a bonus, you will also learn how to deploy and maintain an application with the complete DevOps workflow. We will try out multiple deployment methods such as AWS, Netlify, GitHub Pages, etc. and also look into various CI / CD Pipelines like Travis-CI & GitHub actions, which help you to make you industry ready and employable.
It will be an online live (Live Stream) class, so you can attend this class from any geographical location. It will be an interactive live session, where you can ask your doubts to the instructor (similar to offline classroom program).
Class Timing and Duration
1. What and Why VCS?
2. Intro to Git & Git Commands using Command Line Interface
3. Git vs. GitHub
4. Git WorkFlow & Contribution Guidelines
5. Pull Requests in GitHub and Access to Source Code
1. Introduction to Front End
2. Semantic HTML
3. CSS Basics
4. Working with Chrome DevTools
5. CSS Layouts: Display Property
6. CSS Layouts: Float Property
7. CSS Layouts: Position Property
8. HTML Forms & Inputs
9. Basics of Responsive Website Design
10. Responsive Layouts & Mobile First Design with Flexbox
1. Programming in JavaScript
2. Variables and Data Types
3. Functions
4. Working with Strings & Numbers
5. Application Logic & Loops
6. Introduction to Arrays & Objects
7. Working with Arrays
8. Working with Objects
9. Variable Types & Scoping
10. ES 7 and Beyond New Features
1. Introduction to Leadstagram
2. Motivation and Objectives
3. Tech Stack
4. Project Organisation & Plan
5. Visual Design Walkthrough
1. Setting up your Dev Environment
2. Introduction to Node & NPM
3. Create React App Boilerplate & Introduction to JSX
4. Introduction to SCSS & Adding SCSS Support
5. Organising Code & Creating a Hello World Application
6. React Basics: Components with States & Props
7. Class Components vs. Functional Components
8. Passing Static & Dynamic Data between Components
9. Routing Support using React Router
10. Event Handling
React JS Specialist, Microsoft MVP(April 2016 - July 2018)
Praveen is a full stack developer with a decade of web development experience.
He is extremely good with Front End (CSS, HTML, JavaScript) with an eye-to-eye perfection for design.
He has architected the complete infrastructure on Full Stack LAMP (PHP & MySQL) and MERN (React JS & Node JS) stacks.
He is also an Open Source Software contributor and contributed to the React JS codebase too!
He has Worked with deployments based on Amazon Web Services (complete stack), RackSpace Cloud, Docker, Vagrant, and Kubernetes.
Praveen was entitled as the Microsoft Most Valuable Professional (April 2016 - July 2018) for Visual Studio & Development Tools, a Guinness Record holder (Microsoft App Fest),
Currently, he is presenting talks on a lot of conferences related to JavaScript and Front End.
Batch | Date | Type | Register |
---|---|---|---|
FSRNL 2 | 31 October '20 to 12 January '21 | Live Classes | Registration Closed |
Batch | Date | Type | Register |
---|---|---|---|
FSRNL 3 | 16 January '21 to 07 March '21 | Live Classes |