-
HTML
-
CSS
- Introduction to CSS
- Before learning CSS?
- SELECTOR
- Example
- Box Model
- Comments
- Colors
- Background Color
- Text Color
- Border Color
- Backgrounds
- Borders
- Margins
- Padding
- Height, Width, and Max-width
- Outline
- Text
- Font Style, Font Size & Shorthand
- Links
- Display and Position
- Lists
- Tables
- Pseudo-classes and Combinators
- Flexbox
- Grid
- Flexbox vs Grid
- Responsive Web Design
- Media Queries
- Responsive Images
- Fluid Layouts
- Transforms, Transitions, and Animations
-
JavaScript
- Introduction to JavaScript
- Hello World
- Syntax
- Variables
- Data Types
- Numbers
- Boolean type
- String
- Objects
- Primitive vs Reference Values
- Arrays
- Arithmetic Operators
- Remainder Operator
- Assignment Operators
- Comparison Operators
- Logical Operators
- if statement
- if else
- if else if
- Ternary Operator
- Object Spread
- Switch case
- While Loop
- do…while Loop
- Loop
- break
- continue
- Functions
- Storing functions in variables
- Anonymous Functions
- Pass-By-Value
- Recursive Function
- Object Methods
- Constructor Function
- this Keyword
- Object Properties
- for…in Loop
- Object.values
- Object.assign
- Class
- Getters and Setters
- Function Type
- Closures
- Arrow Functions
- When You Should Not Use Arrow Functions
- Rest Parameters
- Callbacks
- Promises
- async/await
-
JavaScript DOM
- JavaScript DOM
- getElementById
- getElementsByName
- getElementsByTagName
- getElementsByClassName
- querySelector
- JavaScript Get the Parent Element parentNode
- Getting Child Elements
- JavaScript Siblings
- CreateElement
- appendChild
- JavaScript textContent
- JavaScript innerHTML
- JavaScript innerHTML vs createElement
- Working with Attributes
- JavaScript Style
- Working with Events
-
React
Next Steps
Are you ready to take your web development skills to the next level? It’s time to dive into the exciting world of CSS (Cascading Style Sheets). CSS is the magic wand that transforms plain HTML into visually stunning and user-friendly websites. In this short guide, we’ll explore why CSS is a must-learn for web developers.
Why CSS Matters
Imagine the web without CSS. It would be a plain, text-based landscape. CSS is what makes websites visually appealing, engaging, and functional. With CSS, you can control everything from colors, fonts, and spacing to layout and animations. It allows you to create responsive designs that look great on any device, from a massive desktop monitor to a small mobile screen.
Getting Started
To begin your journey into CSS, all you need is a basic understanding of HTML. CSS and HTML are like best friends; HTML defines the structure, while CSS adds the style.
Ready to get your hands dirty with CSS? Absolutely, let’s dive right into CSS.