CSS Concepts to Master:

✅ specificity
✅ pseudo-classes
✅ pseudo-elements
✅ transitions
✅ transformations
✅ animations
✅ opacity
✅ z-index
✅ gradients
✅ box-shadow
✅ variable (custom properties)
✅ @media queries
✅CSS custom selectors
✅calc() function
font-properties
flexbox and grid
css variables
clamp(min, val, max);
Box-model

CSS Search Icon Code:

.search {
position:relative;
font-size:5em;
width:0.5em;
height:0.5em;
border:0.1em solid black;
border-radius:50%;
&:before {
content:'';
position:absolute;
background:black;
right:-0.30em;
bottom:-0.2em;
width:0.40em;
height:0.09em;
transform: rotate(45deg);
}

CSS positions cheatsheet

You gonna love this 😀

Bootcamp FullStack JavaScript

It is very complete:
◆ React with Redux
◆ Node.js and TypeScript
◆ APIs with Express and GraphQL
◆ Develop React Native apps
◆ Docker and CI/CD with GitHub Actions
◆ PostgreSQL and MongoDB databases

It is from the University of Helsinki and you have it here:
→ fullstackopen.com

Path for Reactjs in 20 days

12 concepts of ES6 + Features JS you must know:

👉 Arrow Functions
👉 Template Literals
👉 Destructuring Assignment
👉 Default Parameters
👉 Spread/Rest Operators
👉 Let and Const
👉 Classes
👉 Modules
👉 Fat Arrow Functions
👉 Promises
👉 Enhanced Object Literals
👉 Map and Set

JavaScript Developer Roadmap 2023:

Step 1: 📘 JS Fundamentals
Step 2: 🛠️ Master Functions
Step 3: 📚 Embrace ES6+
Step 4: 🎛️ DOM Manipulation
Step 5: 🚀 Async Patterns
Step 6: 📦 Module Usage
Step 7: 🎨 CSS-in-JS/SASS
Step 8: 🖥️ Learn Frameworks
Step 9: 🗂️ State Management
Step 10: 🌐 Handle APIs
Step 11: 🧪 Testing Techniques
Step 12: 🛠️ Tooling Proficiency
Step 13: 🔄 CI/CD Basics
Step 14: 🔐 Secure Coding
Step 15: 📱 PWA Development
Step 16: 🐳 Docker Intro
Step 17: ☁️ Cloud Functions
Step 18: 📈 Perf Optimization
Step 19: 📢 Contribute Open Source
Step 20: 💼 Build Portfolio

🚀

How learning to code really look like:

Logic for CS, IIT Delhi

🆓 Free Online Course
💻 Video Lectures
⏰ 20 Module
🏃‍♂️ Self paced
Teacher(s) 👨‍🏫 : Prof. S. Arun Kumar

🔗 https://nptel.ac.in/courses/106102013

There are 5 layers of software:

🌎 Hosting - where data is stored.

📦 Database - how data is stored.

🤔 Logic - how data is processed.

🔁 API - how data is fetched.

🖼 UI - how data is presented

Beautiful Conic Gradient 👇🏻
Code:
div {
background-image: conic-gradient(aqua, deeppink,
orange, aqua);
width: 400px;
height: 400px;
border-radius: 50%;
}

Easy CSS Glitch Effect 👆🤓