Web Development - HTML, CSS & JavaScript
47.3K subscribers
1.44K photos
3 videos
32 files
267 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
Age of Programming Languages👨🏻‍💻

🦅 Swift (10 years old) (2014)
🔷 TypeScript (11 years old) (2012)
🚀 Kotlin (12 years old) (2011)
🎯 Dart (13 years old (2011)
🦀 Rust (13 years old) (2010)
🐹 Go (14 years old) (2009)
🎸 C# (23 years old) (2000)
💎 Ruby (28 years old) (1995)
Java (28 years old) (1995)
🌐 JavaScript (28 years old) (1995)
🐘 PHP (29 years old) (1994)
🐍 Python (33 years old) (1991)
🐪 Perl (36 years old) (1987)
🚀 C++ (38 years old) (1985)
📱 Objective-C (39 years old) (1984)
🔍 Prolog (51 years old) (1972)
🗣️ Smalltalk (51 years old) (1972)
🖥️ C (51 years old) (1972)
📝 Pascal (53 years old) (1970)
🎓 BASIC (59 years old) (1964)
💼 COBOL (64 years old) (1959)
🤖 Lisp (65 years old) (1958)
📜 Fortran (66 years old) (1957)
Javascript for Everything:

JS + React = Web Development
JS + Three.js = 3D Visualization
JS + Angular = Web Applications

JS + Phaser = Game Development
JS + Vue.js = Progressive Web Apps
JS + TensorFlow.js = Machine Learning

JS + Node.js = Server-Side Development
JS + Electron = DesktopApp Development
JS + React Native = MobileApp Development

#javascript
👩‍💻 Data Fetching in Next.js

You don't have to use a webhook when fetching data in Next.js. On top of that, you don't have to rely on the clients connection for speed as server communicates directly with database which is way faster.
Javascript Reduce method Example.

▫️ Finding the longest word in a given string.

function longerWord(a, b) {
if (a.length > b.length) {
    return a;
  } else {
    return b;
}
}

const sentence = 'Hey there what are you doing this Wednesday night';

const longest = sentence.split(' ').reduce(longerWord);

console.log(longest);

// Wednesday

#JavaScript
JavaScript Learning Roadmap: From Basics to Advanced

1. Basics:
- Variables, data types, loops, and functions.
- DOM Manipulation for interacting with web pages.
- Event Handling to manage user actions.

2. ES6+ Essentials:
- Key features like let/const, arrow functions, and destructuring.
- Organizing code with modules and imports/exports.

3. Functions:
- Higher-order functions, callbacks, and closures.
- Async programming with promises and async/await.

4. Browser Basics:
- Browser APIs (Fetch, LocalStorage).
- Understand CORS and its impact on apps.

5. Frameworks & Libraries:
- Dive into React, Vue.js, or Angular for dynamic UIs.
- State management (Redux, Vuex).

6. Projects:
- Build projects (e.g., To-Do App) and deploy on Netlify or Heroku.

#JavaScript
Netflix Backend Architecture