This repository contains numerous examples helping to grasp concepts related to: HTML, CSS, JavaScript and other technologies.
This repository contains the following sub-directories:
- css the CSS examples,
- html the HTML examples,
- javascript the JavaScript examples,
- projects demo projects created using aforementioned technologies & more :-).
Based on these (free) courses:
- HTML:
- CSS:
- JavaScript:
- TypeScript:
- Node.js:
- React:
- Tutorial: Intro to React,
- Awesome React,
React Class Component Fundamentals (Legacy),- React Course - Beginner's Tutorial for React JavaScript Library [2022] 📁,
- React JavaScript Framework for Beginners – Project-Based Course,
- React with .NET Web API – Basic App Tutorial,
- Modern React Web Development Full Course | 4 Real Industry Web Applications
▶️ : - React Booking | Reservation App UI Design for Beginners,
- React Node.js Booking App Full Tutorial | MERN Stack Reservation App (JWT, Cookies, Context API),
- React State Management – Intermediate JavaScript Course,
- Redux Tutorials Index,
- Fundamentals of Redux Course from Dan Abramov,
- Learn React Router v6 In 45 Minutes,
- Build and Deploy a Full Stack TikTok Clone Application and Master TypeScript 📁
▶️ , - Build and Deploy a GPT-3 App in NextJS in 1 Hour (ChatGPT),
- Build and Deploy 3 Modern React API Applications in 8 Hours - Full Course | RapidAPI
▶️ : - Complete MERN Beginner Course [2023] (TypeScript, Authentication, Deployment...),
- The always-recent guide to creating a development environment for Node and React (with Babel and Webpack) 👍,
- Create React App without Create React App 👍,
- Creating your React project from scratch without create-react-app: The Complete Guide 👍,
- Create react app vs Vite,
- Use Vite for React Apps instead of CRA,
- 7 better ways to create a React app,
- How To Use Axios With React: The Definitive Guide (2021) 👍,
- 10 React Hooks Explained // Plus Build your own from Scratch,
- React Hooks Course - All React Hooks Explained,
- React State Management – Intermediate JavaScript Course,
- All useEffect Mistakes Every Junior React Developer Makes,
- Goodbye, useEffect - David Khourshid,
- The weird things about React,
- How to Style your React App (5 Different Methods Compared),
- 10 React Antipatterns to Avoid - Code This, Not That!,
- JavaScript Reducer (origin React/Redux),
- GraphQL Crash Course With Full Stack MERN Project,
- How to Migrate a React App to TypeScript,
- Others:
Also used these (paid) courses & books:
- HTML & CSS:
- Modern HTML and CSS from the Beginning (Including Sass) 📁 👍,
- CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) 📁,
- Bootstrap 4 From Scratch With 5 Projects 📁,
- Materialize CSS From Scratch With 5 Projects 📁,
- Tailwind CSS From Scratch - Learn by Building Projects 📁,
- CSS: The Definitive Guide, 5th Edition,
- JavaScript:
- TypeScript:
- Node.js:
- React:
- React: The Big Picture 📁 👍,
- React 17: Getting Started 📁 👍,
- React Front to Back 2022 📁
▶️ :- Feedback App 👍,
- GitHub Finder App 👍,
- House Marketplace
▶️ , - Gist,
- Designing React 17 Components 📁 📁 👍,
- Managing React State 📁,
- Styling React Components 📁,
Server Rendering React 16 Components 📁,- Testing React 16 Components 📁,
- Implementing Forms in React 17 📁,
- Optimize Performance for React 📁,
- Building Applications with React 16 and Flux 3 📁,
- Building Applications with React 16 and Redux 📁,
- Using React 17 Hooks 📁,
- Calling APIs with React 17 📁,
- Managing Large Datasets in React 17 📁,
- React 17 Security: Best Practices 📁,
- Choosing a React Framework 📁 👍,
- What’s New in React 18 📁 📁,
- React 18 Fundamentals 📁,
- MERN E-commerce from Scratch 📁,
- React Native:
- React Native - The Practical Guide 📁,
- React Native Projects 📁,
- React Native: Getting Started 📁,
- Building Mobile Apps with React Native 📁,
- Building React Native Applications Using Expo 📁,
- Building a Chat Application with React Native 📁,
- React Native 0.63: Components Playbook 📁,
- Styling React Native Applications 📁,
- Testing Mobile Apps in React Native 📁,
- Electron:
- Next.js:
- Others:
This is (sort of) continuation of these project(-s):
- Learning JavaScript & ES6 - Accelerated Training,
- Learning HTML, CSS, JS,
- Learning Bootstrap,
- Learning TypeScript,
- Learning React,
- Learning - React - Summary and Core Feature Walkthrough.
Some useful tools & libraries:
- General:
- JavaScript:
- Node.js:
- React:
- Others:
- Webpack,
- Babel,
- SWC,
- SWR,
- Bun.js,
- autocannon,
- TanStack,
- State of JavaScript,
- Codux.