This media is not supported in your browser
VIEW IN TELEGRAM
We are a family of 650+ members..
Keep supporting the channel by sharing it to your friends and reactions and requests in our group chat... 😁😁😁 more is coming
Keep supporting the channel by sharing it to your friends and reactions and requests in our group chat... 😁😁😁 more is coming
Most Important CSS Properties to help you build a website 👇
🖌 Background-color
📝 Margin
📝 Padding
🐁 Cursor
🆗️ Font-size
🆗️ Font-family
🖱 :hover
🎨 Color
🔥 Display
🌠 Opacity
📏 Width
📏 Height
🔳 Border
⏺ Border-radius
🚀 Float
🔠 Letter-spacing
🎚 Line-height
✅ text-align
✅ text-decoration
✅ text-transform
✅ font-weight
✅text-shadow
✅ box-shadow
✅ overflow
✅ background-image
✅ z-index
✅ transform
✅ transition
✅ animation
✅ box-sizing
✅ flexbox
✅ grid
🖌 Background-color
📝 Margin
📝 Padding
🐁 Cursor
🆗️ Font-size
🆗️ Font-family
🖱 :hover
🎨 Color
🔥 Display
🌠 Opacity
📏 Width
📏 Height
🔳 Border
⏺ Border-radius
🚀 Float
🔠 Letter-spacing
🎚 Line-height
✅ text-align
✅ text-decoration
✅ text-transform
✅ font-weight
✅text-shadow
✅ box-shadow
✅ overflow
✅ background-image
✅ z-index
✅ transform
✅ transition
✅ animation
✅ box-sizing
✅ flexbox
✅ grid
My tips to become a better software developer:
⚡️Practice regularly
⚡️Try coding problems
⚡️Get feedback on your code
⚡️Don't be afraid to make mistakes.
⚡️Be patient. Be diligent
⚡️ Use version control.
⚡️Always be learning (Frameworks, tools, trends, .etc)
⚡️Practice regularly
⚡️Try coding problems
⚡️Get feedback on your code
⚡️Don't be afraid to make mistakes.
⚡️Be patient. Be diligent
⚡️ Use version control.
⚡️Always be learning (Frameworks, tools, trends, .etc)
🔅 Basic Built-In Methods In JavaScript
Important symbols in JavaScript programming
()
Brackets
{}
Curly Braces
[]
Square Brackets
=
Assignment
===
Equal to
!==
Not equal to
;
semicolon
''
Single Quotes
""
Double Quotes
``
Template Literals
https://t.me/javascript_resources
()
Brackets
{}
Curly Braces
[]
Square Brackets
=
Assignment
===
Equal to
!==
Not equal to
;
semicolon
''
Single Quotes
""
Double Quotes
``
Template Literals
https://t.me/javascript_resources
Subscribe these YouTube Channels for Daily Programming:
❯ C ➟ Jacob Sorber
❯ C++ ➟ TheCherno
❯ Python ➟ Corey Schafer
❯ JavaScript ➟ developedbyed
❯ Java ➟ telusko
❯ C# ➟ kudvenkat
❯ Golang ➟ Jon Calhoun
❯ SQL ➟ Joey Blue
❯ Swift ➟ CodeWithChris
❯ Kotlin ➟ PhilippLackner
❯ PHP ➟ ProgramWithGio
❯ Dart ➟ Flutterly
❯ Ruby ➟ DriftingRuby
❯ Rust ➟ NoBoilerplate
❯ TypeScript ➟ Hitesh Choudhary
❯ Lua ➟ Steve's teacher
❯ R ➟ marinstatlectures
❯ C++ ➟ javidx9
❯ JavaScript ➟ Akshay Saini
❯ JavaScript ➟ Hitesh Choudhary
❯ TypeScript ➟ Matt Pocock
❯ TypeScript ➟ basarat
❯ TypeScript ➟ TypeScriptTV
❯ C# ➟ Microsoft Developer [Bob Tabor]
❯ C# ➟ dotnet [Scott/Kendra]
-- Frameworks --
❯ Node.js ➟ Traversy Media
❯ React ➟ Codevolution
❯ React ➟ Dave Gray
❯ React ➟ Jack Herrington
❯ Next.js ➟ Lama Dev
❯ Vue ➟ Vue Mastery
❯ Svelte ➟ Joy of Code
❯ Angular ➟ Angular University
❯ Django ➟ CodingEntrepreneurs
❯ Laravel ➟ LaravelDaily
❯ Blazor ➟ James Montemagno
❯ Spring ➟ SpringSourceDev
❯ SpringBoot ➟ amigoscode
❯ Ruby on Rails ➟ GorailsTV
❯ React Native ➟ Codevolution
❯ React Native ➟ Hitesh Choudhary
❯ Flutter ➟ The Flutter Way
❯ Flutter ➟ Tadas Petra
-- Special Mentions --
❯ Programming in 100 Sec ➟ Fireship
❯ DSA ➟ take U forward
❯ OOPS ➟ Telusko
❯ Interviews ➟ NeetCode
❯ Projects ➟ JavaScript King
-- Code Editors --
❯ Vim ➟ ThePrimeagen
❯ VS Code ➟ Visual Studio Code
❯ Jupyter Notebook ➟ Corey Schafer
-- Free Education --
➟ freecodecamp
➟ Simplilearn
➟ edureka!
-- Allrounders --
➟ TechWithTim
➟ WebDevSimplified
➟ programmingwithmosh
➟ Traversy Media
➟ BroCodez
➟ thenewboston
➟ Telusko
➟ Derek Banas
➟ CodeWithHarry
➟ MySirG .com
https://t.me/javascript_resources
❯ C ➟ Jacob Sorber
❯ C++ ➟ TheCherno
❯ Python ➟ Corey Schafer
❯ JavaScript ➟ developedbyed
❯ Java ➟ telusko
❯ C# ➟ kudvenkat
❯ Golang ➟ Jon Calhoun
❯ SQL ➟ Joey Blue
❯ Swift ➟ CodeWithChris
❯ Kotlin ➟ PhilippLackner
❯ PHP ➟ ProgramWithGio
❯ Dart ➟ Flutterly
❯ Ruby ➟ DriftingRuby
❯ Rust ➟ NoBoilerplate
❯ TypeScript ➟ Hitesh Choudhary
❯ Lua ➟ Steve's teacher
❯ R ➟ marinstatlectures
❯ C++ ➟ javidx9
❯ JavaScript ➟ Akshay Saini
❯ JavaScript ➟ Hitesh Choudhary
❯ TypeScript ➟ Matt Pocock
❯ TypeScript ➟ basarat
❯ TypeScript ➟ TypeScriptTV
❯ C# ➟ Microsoft Developer [Bob Tabor]
❯ C# ➟ dotnet [Scott/Kendra]
-- Frameworks --
❯ Node.js ➟ Traversy Media
❯ React ➟ Codevolution
❯ React ➟ Dave Gray
❯ React ➟ Jack Herrington
❯ Next.js ➟ Lama Dev
❯ Vue ➟ Vue Mastery
❯ Svelte ➟ Joy of Code
❯ Angular ➟ Angular University
❯ Django ➟ CodingEntrepreneurs
❯ Laravel ➟ LaravelDaily
❯ Blazor ➟ James Montemagno
❯ Spring ➟ SpringSourceDev
❯ SpringBoot ➟ amigoscode
❯ Ruby on Rails ➟ GorailsTV
❯ React Native ➟ Codevolution
❯ React Native ➟ Hitesh Choudhary
❯ Flutter ➟ The Flutter Way
❯ Flutter ➟ Tadas Petra
-- Special Mentions --
❯ Programming in 100 Sec ➟ Fireship
❯ DSA ➟ take U forward
❯ OOPS ➟ Telusko
❯ Interviews ➟ NeetCode
❯ Projects ➟ JavaScript King
-- Code Editors --
❯ Vim ➟ ThePrimeagen
❯ VS Code ➟ Visual Studio Code
❯ Jupyter Notebook ➟ Corey Schafer
-- Free Education --
➟ freecodecamp
➟ Simplilearn
➟ edureka!
-- Allrounders --
➟ TechWithTim
➟ WebDevSimplified
➟ programmingwithmosh
➟ Traversy Media
➟ BroCodez
➟ thenewboston
➟ Telusko
➟ Derek Banas
➟ CodeWithHarry
➟ MySirG .com
https://t.me/javascript_resources
❤3🔥3
Complete Frontend Developer Roadmap
Frontend Developer Roadmap:
1. Learn the basics:
- Learn HTML, CSS, and JavaScript thoroughly as these are the building blocks of web development.
2. Master Javascript:
- Dive deeper into JavaScript to understand its concepts, ES6 features, and asynchronous programming (Promises, async/await).
3. Learn the basics of React:
- Start with React's official documentation and introductory tutorials.
- Build simple components like buttons, forms, and lists.
4. State and Props:
- Learn how to manage component state and pass data via props.
- Create interactive components that respond to user input.
5. Component Lifecycle:
- Understand the lifecycle methods in React.
- Implement lifecycle methods like componentDidMount for data fetching.
6. React Router:
- Integrate React Router to manage routing in your single-page application.
- Build multiple pages with navigation.
7. State Management (Optional):
- Explore state management libraries like Redux or use React's - Context API for more complex applications.
8. Practical Project:
- Build a small project like a To-Do list app or a simple blog using React.
https://t.me/javascript_resources
Frontend Developer Roadmap:
1. Learn the basics:
- Learn HTML, CSS, and JavaScript thoroughly as these are the building blocks of web development.
2. Master Javascript:
- Dive deeper into JavaScript to understand its concepts, ES6 features, and asynchronous programming (Promises, async/await).
3. Learn the basics of React:
- Start with React's official documentation and introductory tutorials.
- Build simple components like buttons, forms, and lists.
4. State and Props:
- Learn how to manage component state and pass data via props.
- Create interactive components that respond to user input.
5. Component Lifecycle:
- Understand the lifecycle methods in React.
- Implement lifecycle methods like componentDidMount for data fetching.
6. React Router:
- Integrate React Router to manage routing in your single-page application.
- Build multiple pages with navigation.
7. State Management (Optional):
- Explore state management libraries like Redux or use React's - Context API for more complex applications.
8. Practical Project:
- Build a small project like a To-Do list app or a simple blog using React.
https://t.me/javascript_resources