Learning Web Design _ A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics

Download Beginning CSS, Cascading Style Sheets.pdf

Learn PHP in a day

Sams Teach Yourself CSS in 24 Hours

Hands-on Python Tutorial

Transitions and Animations in CSS: Adding Motion with CSS

HTML & CSS Crash Course: Learn html and css with easy to follow step by step tutorials

How to create Web sites and applications with HTML, CSS

Check group for above names books 📚

https://t.me/+eweUkdFwlho4YjRl

Keep checking private group for books...

Chat group link
https://t.me/+2KE896TMwHkxOWE1

Resources aka PDfs and Ebooks group link

https://t.me/+eweUkdFwlho4YjRl

😒😒 don't leave this group, i will share items here 😀

### TODO: JavaScript Fundamental Concepts

- Functions:
- [ ] Declaration and invocation of functions.
- [ ] Arrow functions and function expressions.
- [ ] Higher-order functions and callbacks.

- Objects and Object-Oriented Concepts:
- [ ] Understanding objects, properties, and methods.
- [ ] Prototypes and prototypal inheritance.
- [ ] ES6 Classes.

- Asynchronous JavaScript:
- [ ] Promises and async/await.
- [ ] Working with asynchronous operations (e.g., setTimeout, fetch).

- Arrays and Array Methods:
- [ ] Basic array operations (e.g., push, pop, slice).
- [ ] Functional array methods (e.g., map, filter, reduce).

- Modules and Module Systems:
- [ ] ES6 Modules (import and export).
- [ ] Module bundlers like Webpack and Rollup.

- DOM Manipulation:
- [ ] Accessing and manipulating the Document Object Model (DOM) in web pages.

- Event Handling:
- [ ] Responding to user interactions (e.g., clicks, mouse movements) in the browser.

- Error Handling:
- [ ] Exploring error handling methods beyond try...catch, like throw and custom errors.

- ES6/ESNext Features:
- [ ] Destructuring, spread/rest operators, template literals, etc.
- [ ] Familiarizing with new features introduced in ES6 and upcoming ECMAScript versions.

- Browser APIs:
- [ ] Working with browser APIs like localStorage, sessionStorage, IndexedDB, WebSockets, etc.

Important javascript topics

Complete React Roadmap 🔥
|
|--- Fundamentals
| |-- JavaScript ES6+
| |-- JSX
| |-- Components
| |-- Props
| |-- State and
| |-- Lifecycle
| |-- Events
| |-- Hooks
| | |- useState
| | |- useEffect
| | |- useContext
| | |- useReducer
| | └ Custom Hooks
| |
| |-- Functional vs Class Components
| |-- Conditional Rendering
| |-- Lists and Keys
| |-- Forms
| |-- Controlled Components
| |-- Fragments
| └─ Higher-Order Components
|
|--- Advanced Concepts
| |-- Context API
| |-- Redux
| |-- Redux Basics
| |-- Redux Middleware
| |-- Thunk
| | └ Saga
| |
| |-- React Router
| |-- Error Boundaries
| |-- Portals
| |-- Render Props
| |-- Suspense
| |-- Lazy Loading
| |-- PropTypes
| |-- TypeScript
| └─ Server-side Rendering
|
|--- Styling
| |-- CSS Modules
| |-- Styled Components
| |-- CSS-in-JS Libraries
| |-- Theming
| └─ Responsive Design
|
|--- State Management
| |-- Local Component State
| |-- Context API for Global State
| |-- Redux State Management
| |-- MobX State Management
| |-- Recoil (Experimental)
| └─ Zustand
|
|--- Forms and Validation
| |-- Formik (Form Library)
| |-- Yup (Schema Validation)
| └─ Controlled vs Uncontrolled Components
|
|--- GraphQL and APIs
| |-- Apollo Client (GraphQL)
| |-- Fetch API
| |-- Axios
| |-- RESTful APIs
| └─ Fetching Data in React
|
|--- Performance Optimization
| |-- Memoization
| |-- PureComponent and React.memo
| |-- Code Splitting
| |-- Server-side Rendering (SSR)
| |-- React.lazy and Suspense
| |-- Performance Profiling (React DevTools)
| └─ Tree Shaking
|
|--- Security
| |-- Cross-Site Scripting Prevention
| |-- Cross-Site Request Forgery Protection
| └─ Content Security Policy (CSP)
|
|--- Deployment and Build Tools
| |-- Webpack
| |-- Babel
| |-- ESLint
| |-- Prettier
| └─ CI / CD
|
|--- Server-side Integration
| |-- Integrating React with Node.js
| |-- Integrating React with Express.js
| |-- Integrating React with Django
| └─ Integrating React with Ruby on Rails
|
|--- Libraries and Tools
| |-- Recoil
| |-- React Query (Data Fetching Library)
| |-- SWR (Stale-While-Revalidate)
| |-- Vercel (Deployment Platform)
| |-- Netlify (Deployment and Hosting)
| └─ AWS Amplify (Cloud Services)
|
|--- Mobile and Desktop Applications
| |-- React Native (Mobile)
| └─ Electron (Desktop)
|
|--- Best Practices and Design Patterns
| |-- Component Patterns
| |-- Error Handling Strategies
| |-- Code Splitting Patterns
| |-- State Management Patterns
| └─ Testing Strategies
|
|─- Community and Learning Resources
|-- Official React Documentation
|-- Online Tutorials
|-- React Blogs
|-- Medium Articles
|-- Open Source React Projects
|-- React Community Events
|-- Conferences
└─ GitHub Repositories

------------------ END -------------------

Best resources to learn react fast 👇

1.Documentation

Official Updated React Documentation
react.dev
MDN Web Docs
shorturl.at/tCL69