Miniprojects in Javascript
Frontend Developer Roadmap 🔥
🍀 Basic JavaScript Concepts:
- Data types
- Functions
- Scope in JavaScript
- Closure
- Event loop
- Prototype and prototype chain
- Class and inheritance
- DOM manipulation
- Bind/call/apply
- Promises
- Web APIs
- Task queue
- Call stack
- Async/await
- Generators
- TypeScript
🍀 Basic CSS Concepts:
- Class and other selectors
- Pseudo Classes
- Box Model
- Pseudo Elements
- CSS types - flex, grid, normal
- Centering elements
- Pseudo classes and elements
- Element states - active, hover
- Media queries
- CSS preprocessors - SCSS or LESS
- Mixins
- CSS constants
- BEM (Block Element Modifier)
- Importing styles
🍀 Basic Web Concepts:
- Page rendering cycle
- HTTP/HTTPS/HTTP2
- CORS (Cross-Origin Resource Sharing)
- Local storage/Session storage
- Cookies
- JWT (JSON Web Tokens)
- XHR (XMLHttpRequest)
- Micro Frontends
- REST/GraphQL/Socket connections
- Browser concepts
- Debugging applications
- Chrome Dev Tools features
🍀 Basic React Concepts:
- Introduction to JSX
- React components
- Component state and props
- Styling components with CSS
- Functional and class components
- React lifecycle methods
- Virtual DOM
- React Hooks
- Custom Hooks
- Context API
- Synthetic events
- Routing in React
- Data flow management (Redux/Flux)
- Server-side rendering
- Unit testing React components
- Jest and React Testing Library
- Mocking data
- Webpack (bundler)
- Babel, environment setup, prettier, linter