Web Development - HTML, CSS & JavaScript
50.1K subscribers
1.63K photos
5 videos
34 files
291 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript , Reactjs, Wordpress, PHP, Mern & Nodejs knowledge

Managed by: @love_data
Download Telegram
5 Steps to Learn Front-End Development

Step 1: Basics
    — Internet
    — HTTP
    — Browser
    — Domain & Hosting

Step 2: HTML
    — Basic Tags
    — Semantic HTML
    — Forms & Table

Step 3: CSS
    — Basics
    — CSS Selectors
    — Creating Layouts
    — Flexbox
    — Grid
    — Position - Relative & Absolute
    — Box Model
    — Responsive Web Design
 
Step 3: JavaScript
    — Basics Syntax
    — Loops
    — Functions
    — Data Types & Object
    — DOM selectors
    — DOM Manipulation
    — JS Module - Export & Import
    — Spread & Rest Operator
    — Asynchronous JavaScript
    — Fetching API
    — Event Loop
    — Prototype
    — ES6 Features

Step 4: Git and GitHub
    — Basics
    — Fork
    — Repository
    — Pull Repo
    — Push Repo
    — Locally Work With Git

Step 5: React
    — Components & JSX
    — List & Keys
    — Props & State
    — Events
    — useState Hook
    — CSS Module
    — React Router
    — Tailwind CSS

Free Resources to learn Frontend Development: https://whatsapp.com/channel/0029VaxfCpv2v1IqQjv6Ke0r
👍172🔥2🥰1
⌨️ Master the Local Storage in JavaScript by
👍84
Beginner HTML Tags👨🏻‍💻📋
👍11🤣4👏1
FREE Resources to Learn Web Development🔥

🔹️ HTML - w3schools.com/html
🔹️ CSS - web.dev/learn/css
🔹️ JavaScript - javascript.info
🔹️ TypeScript - typescriptlang.org/docs
🔹️ Git - learngitbranching.js.org
🔹️ React - react.dev
🔹️ UI/UX - css-tricks.com
🔹️ API - restapitutorial.com
🔹️ Python - python.org/doc
🔹️ Node.js - nodejs.dev
👍11🔥42
⌨️ Class vs Factory Functions in JavaScript!!

You might use both approaches depending on your project's needs.
5👍5
⌨️ Javascript quick tips you must know! 

Turn your functions into arrows. Arrow functions are sleek, their syntax is shorter, and they automatically bind 'this'.  

Try array methods such as map(), reduce(), and filter() to transform your data with ease.  

Strings can be manipulated with methods like split(), replace(), and toUpperCase(), they become powerful tools.
👍9🔥41👎1