Please enable JavaScript.
Coggle requires JavaScript to display documents.
Techstack, What are we going to Teach ? - Coggle Diagram
Techstack
html
css
javascript
react
nodejs
mongodb
express
What are we going to Teach ?
WEEK 4
HTML Basics
Introduction
what is html
what is Tag
HTML Boiler Plate
Headings
Lists
Paragraphs
Images
Links
Tables
forms
text formatting
Inline & Block Elements
Frames
First HTML website
Create a simple portfolio website, add your Introduction, image, education qualifications in a table, and what ever detail you want to add.
WEEK 1-3
Programming Fundamentals with Javascript
Programming Basics and Data Types - week 1&2
Hello World!
Variables
comments
data types in javascript
Primitive
String
Boolean
Null
Number
Undefined
Non-Premitive
Array
Object
Regular Exp.
Operators
Math (Arithmatic) Operators
Assignment Operators
Comparision Operators
Logical Operators
String Operators
Conditionals
If Statement
else Statement
else If Statement
Loops
For Loop
while loop
do while loop
Functions
Understand what is a function
creating our own function
using functions from Javascript
using functions from Libraries
Function defination and Function Call
Objects
What are Objects
creating our own objects
referencing the elements inside objects
Using Objects Provided with Javascript
Javascript Core Objects
Arrays
Date Objects
Math Object
Basic DS & Algorithms - week3
In this section we'll solve some basic to intermediate problem statements while applying diffrent Data-Structures and Algorithms.
Problem Solving - week3
Learn how to view a problem and how to approach for a solution in Programming.
Introduction - first day
WEEK 5
CSS + Project
css basics
understand the syntax of css and how styles are applied to html
Understand how to apply css styles matching your creativity
apply CSS styles to the Portfolio Project
WEEK 6-7
Bootstrap + DOM
Bootstrap is a css Library that helps in applying responsive styling
What is Responsiveness ? Why it is important ?
Create a Business Landing Page with Bootstrap
DOM manipulation : Learn how to change html using javascript
create a TODO app using DOM
WEEK 8 - 9
React Basics and Project
Refs
Context - State Management
Hooks
LIsts and Keys
React Component Lifecycle
Conditional Rendering
Props & State
Components
JSX
why JSX is better than HTML ?
Create React App (CRA)
Understanding what React does.
Why React ?
Code Splitting
Render Props
React Router DOM
Tic Tac Toe Game
WEEK 10-12
Master Project Frontend ( including State Management and Mock APIs )
Master Project will be an Instagram/Youtube/Flipkart Clone.
WEEK 13
Nodejs + Express + REST
Learn how to build APIs using Nodejs and Express.
Also learn how can we structure our code the better way.
RESTful APIs
WEEK 14
Persisting data - Mongodb
Learn about Mongodb using Mongoose in nodejs.
What is Database
SQL vs NOSQL
What is a collection
what is a document in Mongodb
How to Query Data
CRUD Operations
WEEK 15-16
Building APIs for Master Project and Integration with Frontend
In this section we'll complete the Backend APIs of our Master Project and Integrate them with the Frontend. After this Section we'll have a full Fledged Web Application Ready with MERN Stack.
Week 17
Certificate Examination