roadmap
roadmap
get started with programming w/ javascript
get started with programming w/ javascript
Input/Output Variables and Data Types
Arithmetic operators
Conditionals: if/else
Functions
Loops, arrays, objects
Input/Output Variables and Data Types
Arithmetic operators
Conditionals: if/else
Functions
Loops, arrays, objects
html
html
Introduction to HTML
Create basic elements: headings, paragraphs, lists, links, and more
Building Simple Web Pages (e.g., Home & About Page)
Adding Links and Lists
Incorporating Images
Creating Simple Components (e.g., User Card & Simple Report Layout)
Semantic HTML
Introduction to HTML
Create basic elements: headings, paragraphs, lists, links, and more
Building Simple Web Pages (e.g., Home & About Page)
Adding Links and Lists
Incorporating Images
Creating Simple Components (e.g., User Card & Simple Report Layout)
Semantic HTML
css
css
Basic Concepts of CSS and Selectors
Linking CSS and Adding Fonts
Introduction to Bootstrap
Adding Bootstrap to Your Project
Using Bootstrap Components (e.g., buttons, list items)
Applying Bootstrap to Web Pages
Enhance Lists with Bootstrap
Style Components (e.g., User Card, Report Layout) with Bootstrap
Using JavaScript with HTML
Template Strings in JavaScript
Adding JavaScript to HTML
Dynamically Generate Content with JavaScript
Example: Generating Lists, Components & Generating Reports
Conditional Formatting (e.g., highlighting specific items)
Basic Concepts of CSS and Selectors
Linking CSS and Adding Fonts
Introduction to Bootstrap
Adding Bootstrap to Your Project
Using Bootstrap Components (e.g., buttons, list items)
Applying Bootstrap to Web Pages
Enhance Lists with Bootstrap
Style Components (e.g., User Card, Report Layout) with Bootstrap
Using JavaScript with HTML
Template Strings in JavaScript
Adding JavaScript to HTML
Dynamically Generate Content with JavaScript
Example: Generating Lists, Components & Generating Reports
Conditional Formatting (e.g., highlighting specific items)
javascript
javascript
Form elements
Making an API Call
Fetching Data from an API
Handling List Data with map, Error Handling, and Loading States
Making a POST & Delete Call
Building a Simple Application (e.g., a basic CRUD app)
Functional Programming basics
map, filter, reduce, forEach
ES6+ basics
let and const
Block Scope
if-else Statements
Functions
Arrays and Objects
Array of Objects
Destructuring and Restructuring
Default Parameters
Rest and Spread Operators
Object Shorthand Syntax
Template Literals
Form elements
Making an API Call
Fetching Data from an API
Handling List Data with map, Error Handling, and Loading States
Making a POST & Delete Call
Building a Simple Application (e.g., a basic CRUD app)
Functional Programming basics
map, filter, reduce, forEach
ES6+ basics
let and const
Block Scope
if-else Statements
Functions
Arrays and Objects
Array of Objects
Destructuring and Restructuring
Default Parameters
Rest and Spread Operators
Object Shorthand Syntax
Template Literals
BASICS
react basics
react basics
JSX
Operations with Variables and Functions
Conditional Rendering
Conditional Rendering with if/else
Using map, filter, reduce, and find in Components
React Router
Adding React Router to Your Project
Setting Up Dynamic Routes
useState Hook
Using useState without Form Elements
Using useState with Form Elements
Building Projects with API Calls
JSX
Operations with Variables and Functions
Conditional Rendering
Conditional Rendering with if/else
Using map, filter, reduce, and find in Components
React Router
Adding React Router to Your Project
Setting Up Dynamic Routes
useState Hook
Using useState without Form Elements
Using useState with Form Elements
Building Projects with API Calls
backend
backend
mongo and mongoose
Create
findOne, find
findByIdAndUpdate, findOneAndUpdate
findByIdAndDelete, findOneAndDelete
express
GET
POST
DELETE
Update using POST
publishing your APIs with postman
documenting and Sharing APIs using Postman
utilizing Postman for API development, testing, and documentation
integrating with frontend
passing Data between Backend and frontend
consuming APIs in Frontend Codebases
mongo and mongoose
Create
findOne, find
findByIdAndUpdate, findOneAndUpdate
findByIdAndDelete, findOneAndDelete
express
GET
POST
DELETE
Update using POST
publishing your APIs with postman
documenting and Sharing APIs using Postman
utilizing Postman for API development, testing, and documentation
integrating with frontend
passing Data between Backend and frontend
consuming APIs in Frontend Codebases
ADVANCE
advance react
advance react
useeffect
making api calls
listing products from fake api
api call on button click
api call on load
error handling with api calls
modifying api calls with user interactions
usecontext
setup
create and provide context
consume context
passing and consuming functions in context
moving the provider to a separate file
implementing usestate in useContext
useReducer
setup
creating and initializing reducer
defining action types and action creators
implementing reducer logic
dispatching actions from components
accessing state in components using useReducer
useeffect
making api calls
listing products from fake api
api call on button click
api call on load
error handling with api calls
modifying api calls with user interactions
usecontext
setup
create and provide context
consume context
passing and consuming functions in context
moving the provider to a separate file
implementing usestate in useContext
useReducer
setup
creating and initializing reducer
defining action types and action creators
implementing reducer logic
dispatching actions from components
accessing state in components using useReducer
redux
redux
introduction to redux
understanding the redux principles and concepts
redux store, actions, reducers, and middleware
redux + react
integrating redux with react applications
setting up redux store in a react application
dispatching actions and managing state with redux in react components
connecting react components to redux store using
connector hooks
introduction to redux toolkit
exploring redux toolkit as the recommended way to write redux logic
features and benefits of redux toolkit
simplifying redux setup and reducing boilerplate code with redux toolkit
optimization
advanced techniques for optimizing redux performance
memoization and reselect for optimizing selectors
reducing unnecessary renders and optimizing component updates
introduction to redux
understanding the redux principles and concepts
redux store, actions, reducers, and middleware
redux + react
integrating redux with react applications
setting up redux store in a react application
dispatching actions and managing state with redux in react components
connecting react components to redux store using
connector hooks
introduction to redux toolkit
exploring redux toolkit as the recommended way to write redux logic
features and benefits of redux toolkit
simplifying redux setup and reducing boilerplate code with redux toolkit
optimization
advanced techniques for optimizing redux performance
memoization and reselect for optimizing selectors
reducing unnecessary renders and optimizing component updates
advance css
advance css
Box Model
Flow Layout
Positioned layout
Flex
Grid
Responsive
Box Model
Flow Layout
Positioned layout
Flex
Grid
Responsive
typescript
typescript
fundamentals
understanding typescript
basic types
array & object types
unions and intersections
type inference
functions
typescript with javascript
interfaces and generics
function with generics
typescript with functional programming
typescript with react
typescript with usestate & useeffect apis
typescript with reducer api
typescript with content api
fundamentals
understanding typescript
basic types
array & object types
unions and intersections
type inference
functions
typescript with javascript
interfaces and generics
function with generics
typescript with functional programming
typescript with react
typescript with usestate & useeffect apis
typescript with reducer api
typescript with content api
testing
testing
why do we write tests?
reasons for writing tests
evolution from waterfall to agile
importance of automated tests
benefits of test-driven development (tdd)
understanding rgr and tdd
how should we think about testing?
perspective on testing
role of tests in the development process
practice setup/teardown
discussing folder structure preferences
writing tests
for functions
for reducers
typescript + testing
best practices for testing
criteria for effective tests
guidelines for writing quality tests
code coverage
importance of code coverage
recommendations for coverage goals
techniques for debugging tests
why do we write tests?
reasons for writing tests
evolution from waterfall to agile
importance of automated tests
benefits of test-driven development (tdd)
understanding rgr and tdd
how should we think about testing?
perspective on testing
role of tests in the development process
practice setup/teardown
discussing folder structure preferences
writing tests
for functions
for reducers
typescript + testing
best practices for testing
criteria for effective tests
guidelines for writing quality tests
code coverage
importance of code coverage
recommendations for coverage goals
techniques for debugging tests
authentication
authentication
middlewares
middlewares to handle authentication logic in Express.js
validating user authentication
protected routes
middleware for request logging, error handling, etc.
concept of login
understanding the login process in web applications
collecting user credentials through login forms
verifying user credentials against stored data from database
generating and issuing authentication tokens upon successful login
concept of jwt
exploring JSON Web Tokens (JWT)
understanding the structure and components of JWT
generating JWT tokens upon successful authentication
validating and decoding JWT tokens to authenticate users
build on the user apis
developing APIs for user management functionalities
(e.g., user registration, login, logout, profile management)
implementing CRUD operations for user data storage and retrieval
integrating with frontend
sending authentication tokens from frontend to backend for user authorization
authentication responses and updating UI based on authentication status
implementing features like user login/logout, profile management
middlewares
middlewares to handle authentication logic in Express.js
validating user authentication
protected routes
middleware for request logging, error handling, etc.
concept of login
understanding the login process in web applications
collecting user credentials through login forms
verifying user credentials against stored data from database
generating and issuing authentication tokens upon successful login
concept of jwt
exploring JSON Web Tokens (JWT)
understanding the structure and components of JWT
generating JWT tokens upon successful authentication
validating and decoding JWT tokens to authenticate users
build on the user apis
developing APIs for user management functionalities
(e.g., user registration, login, logout, profile management)
implementing CRUD operations for user data storage and retrieval
integrating with frontend
sending authentication tokens from frontend to backend for user authorization
authentication responses and updating UI based on authentication status
implementing features like user login/logout, profile management
interview ready topics
interview ready topics
async js & callstack
understanding asynchronous javascript
event loop and call stack
callbacks, promises, and async/await
handling asynchronous operations effectively
common interview questions on asynchronous programming
javascript concepts
closures
prototypal inheritance
scope and hoisting
higher-order functions
curring & composition
react concepts
virtual dom and reconciliation
component lifecycle methods
state management (e.g., usestate, usereducer, context api)
react hooks
redux and its core principles
async js & callstack
understanding asynchronous javascript
event loop and call stack
callbacks, promises, and async/await
handling asynchronous operations effectively
common interview questions on asynchronous programming
javascript concepts
closures
prototypal inheritance
scope and hoisting
higher-order functions
curring & composition
react concepts
virtual dom and reconciliation
component lifecycle methods
state management (e.g., usestate, usereducer, context api)
react hooks
redux and its core principles
Have any queries regarding the camp?
Mail to admissions@neog.camp
Have any queries regarding the camp?
Mail to admissions@neog.camp
Have any queries regarding the camp?
Mail to admissions@neog.camp
© neoG Camp. All rights reserved