Advanced Front End Web Development Course — React.js

• Introduction to flowcharts
• Decision making using flowcharts
• Loops
• Example problems

• First program
• Variables and data types
• Taking input
• How data is stored in memory
• Arithmetic Operators

• Introduction to If else
• Relational and logical operators
• Nested conditionals

• While loops
• Flow of execution of statements in while loop
• Example problems using while loop

• Introduction to patterns
• Basic Patterns, Square Patterns
• Triangular
• Patterns
• Character Patterns
• Reverse Triangle
•  Inverted patterns
• Isosceles triangles

• For loops
• Break and Continue
• Increment - decrement operators

• Introduction to functions
• Working of function calling
• Variables and its scope
• Pass by value

• Introduction to arrays
• How arrays are stored in memory
• Passing arrays to functions

• Understanding Binary Search
• Selection sort
• Bubble sort
• Insertion sort
• Merging two sorted arrays

• Introduction to strings
• storage of strings and their inbuilt functions

• 2D arrays, Storage of 2D arrays
• Example problems using 2D Arrays

• Introduction to recursion
• Principle of mathematical induction
• Fibonacci numbers
• Recursion using arrays
• Recursion using strings
• Recursion using 2D arrays

• Order complexity analysis
• Theoretical complexity analysis
• Time complexity analysis of searching and recursive algorithms 
• Theoretical space complexity
• Space complexity analysis of merge sort

• Introduction to backtracking
• Problems based on backtracking: Rat in the maze 
• Word search, and N-Queens

• Introduction to oops
• Creating objects
• Getters and setters
• Constructors and related concepts
• Inbuilt constructor and destructor 
• Example classes

• Static members
• Function overloading and related concepts 
• Abstraction 
• Encapsulation 
• Inheritance
• Polymorphism
• Virtual functions
• Abstract classes
• Exception handling

• Introduction to linked list
• Inserting node in linked list
• Deleting node from linked list 
• Midpoint of linked list
• Merge two sorted linked lists
• Merge sort of a linked list
• Reversing a linked list

• Introduction to stacks
• Stack using arrays
• Dynamic Stack class
• Stack using linked list
• Inbuilt stack
• Queue using arrays
• Dynamic queue class
• Queue using linked list
• Inbuilt queue

• Introduction to Trees
• Making a tree node class
• Taking a tree as input and printing
• Tree traversals
• Destructor for tree node class

• Introduction to Binary Trees
• Taking a binary tree as input and printing
• Binary Tree traversals
• Diameter of binary tree

• Introduction to Binary Search Trees
• Searching a node in BST
• BST class
• Inserting and Deleting nodes in BST
• Types of balanced BSTs

• Introduction to Priority Queues
• Ways to implement priority queues
• Introduction to heaps 
• Introduction to Complete Binary Trees and its implementation
• Insert and Delete operations in heaps
• Implementing priority queues
• Heap sort
• Inbuilt Priority Queue

• Introduction to Hashmaps
• Inbuilt Hashmap
• Hash functions
• Collision handling
• Insert and Delete operation implementation in hashmap
• Load factor
• Rehashing

• Introduction to Tries
• Making a Trie Node class
• Insert
• Search and Remove operation implementation in Tries
• Types of Tries 
• Huffman Coding

• Introduction to Graphs
• Graph Terminology
• Graph implementation
• Graph Traversals (DFS and BFS)
•  Weighted and Directed Graphs
• Minimum Spanning Trees
• Cycle Detection in Graphs
• Kruskal's
• algorithm
• Prim's Algorithm
• Dijkstra's algorithm

• Introduction to Memoization
• Introduction to Dynamic Programming
• Fibonacci numbers using recursion
• memoization and dynamic programming

• Longest Common Subsequence (LCS) using recursion, 
• memoization and dynamic programming
• Edit distance using recursion
• Memoization and dynamic programming
• Knapsack problem using recursion
• Memoization and dynamic programming

• Tuples
• Tuple functions
• Variable length input & output
• Dictionary intro
• Adding & removing data in dictionary
• Sets
• Functions in sets

• Introduction to lists
• How lists are stored in memory
• Passing lists to functions 2D lists
• Storage of 2D lists
• Example problems using 2D lists

• Introduction to STL
• Arrays functions in STL
• Vectors
• 2D vectors
• Pairs
• Example problems

• Introduction to Pointers
• Pointer arithmetic
• Double pointers
• Address typecasting
• Pass by reference
• Dynamic memory allocation
• Macros, Global Variables
• Inline and Default Arguments
• Constant Variables

• Understanding how and who built the web

• General architecture used by websites

• Learning what happens behind the scenes while opening a website

• How to create the structure of a web page

• Learning about various tags in HTML like <a>, <ul> etc

• Practice creating HTML with more tags

• Understand the difference between inline and block HTML elements

• Learn to create tables in HTML

• How to create the structure of a web page

• What is an HTML form

• What is CSS and how to use it in HTML

• Building and styling the blog project

• Learning about various CSS units used to style HTML elements

• Understanding the CSS box model

• Start building the Resume project by creating the HTML structure

• Introducing SASS, setting up SASS for our project

• Explaining 1:1, 1:M and M:M DB relations

• Utilising flex to style the Resume project

• Learning storage in SQL databases

• What are pseudo elements and where to use them

• Finish building the Resume project

• Basics of CSS animation and how to animate HTML elements using animate.css

• What are frontend frameworks and how to use one

• Learning about grid system of bootstrap

• Using various other bootstrap elements like Navbar, Jumbotron etc

• Build a music player project with your newly gained skill set

• What is JS and history of JS

• Various IDES available.

• Learning the basics of the language

• Working with operators and conditional statements

• Working with various loops

• What are arrays and using array functions like splice, slice, etc.
• Introduction to objects in JS.

• Learning the internal working of the language

• Understanding scope in JS

• Introduction to JRE and its components.

• What are closures and its application

• What are Callback functions, and when they are used

• What are Higher Order Functions and its application

• Understanding creation and access of objects, 'this' keyword, Constructor function, and its usage

• Understanding Prototype and its chain in objects and Array

• Learning Object and Array destructuring

• Understanding classes and its usage

• What is Encapsulation and Inheritance

• Learning built-in JS classes, introduction to JSON and Copy in JS

• What is DOM, and how to access it?

• Project setup, Displaying question and correct option

• Working for the completion of Project

What are promises and callbacks in Javascript, Why to use

• What are Async-Await in Javascript, Why that is important.

• Introduction to Modules.

• Named and default Import/Export

• What is jQuery and what is the need for it

• Handling various JS events with jQuery and exploring the library

• What is git and why it's helpful

• Exploring branches in Git. How to create branches

• Understanding push, commits, pull requests and using git for teams and individual

• Features of React

• Difference between Single page and Multi page applications

• How Virtual DOM and Babel are working under the hood?

• VS Code Basics, What is JSX?

• Functional Component, React Fragments, React dev tools,

• Rendering Javascript inside JSX (Variables, data types, functions)

• How to render list of items from an array (using map function) and objects rendering in React

• Conditional rendering using Ternary, AND and OR operators How to handle events in JSX?

• How to take input and display form data in JSX?

• Using refs to access React elements

• Drawbacks of CDNs, Using Module Bundler in React Project

• Installing required tools for creating a React Project

• Understanding the folder and files structure

• How to import and export components in files?

• How to create class based components?

• Creating and adding functionalities to Movie App

• Adding state to components

• What are props, passing data through props from one component to another, Default props

• Understanding CSS Scope to avoid colashes in classNames

• Creating inline styles for the elements, styling objects in the component.

• Writing styled components to limit the scope of styling

• Styling Application based on a condition using styled-components

• Modern styling techniques used by developers

• Different Phases of Component lifecycle like mounting, umounting, etc.

• Lifecycle methods involved during execution and their order

• How and where to perform side effects

• Methods involved in the updating phase

• Performing clean-ups during un-mounting

• Creating Error-Boundary

• What are hooks, why do we use them and various React hooks out there

• Understanding what is firebase and how it actually works

• Setting up firebase and adding it to the project

• Learning how to create, read, update and delete data from firebase

• Querying data from firebase

• Building navigation and showing different pages for different routes.

• Passing Arguments to the component tree without passing props at every level.

• Why Redux is used? What is the Data Flow?

• Fundamental Principles of Redux, applying them practically

• Allows you to write action creators that return a function instead of an action.

• Set of tools that helps simplify Redux development