HTML Tip ๐ก
Replace
div --> header
div --> nav
div --> footer
div --> main
div --> section
div --> article
div --> aside
Use sematic html5 tags instead of using div everywhere blindly.
Did I miss something ๐
Replace
div --> header
div --> nav
div --> footer
div --> main
div --> section
div --> article
div --> aside
Use sematic html5 tags instead of using div everywhere blindly.
Did I miss something ๐
๐2
Understanding Deep Learning
A free online book with interactive code examples that dives into understanding deep learning.
A free online book with interactive code examples that dives into understanding deep learning.
Top 5 Github repositories to achieve system design mastery
A list of GitHub repositories containing system design tutorials, blogs, videos, and case studies.
https://github.com/kamranahmedse/developer-roadmap
https://github.com/donnemartin/system-design-primer
https://github.com/ByteByteGoHq/system-design-101
https://github.com/InterviewReady/system-design-resources
https://github.com/karanpratapsingh/system-design
A list of GitHub repositories containing system design tutorials, blogs, videos, and case studies.
https://github.com/kamranahmedse/developer-roadmap
https://github.com/donnemartin/system-design-primer
https://github.com/ByteByteGoHq/system-design-101
https://github.com/InterviewReady/system-design-resources
https://github.com/karanpratapsingh/system-design
GitHub
GitHub - kamranahmedse/developer-roadmap: Interactive roadmaps, guides and other educational content to help developers grow inโฆ
Interactive roadmaps, guides and other educational content to help developers grow in their careers. - kamranahmedse/developer-roadmap
โค1
Most used programming languages among developers worldwide as of 2023:
Javascript - 63%
HTML/CSS - 53%
Python - 49%
SQL - 48%
TypeScript - 39%
Bash/Sell - 32%
Java - 30%
C# - 27%
C++ - 22%
C - 19%
PHP - 18%
PowerShell - 13%
Go - 13%
Rust - 13%
Kotlin - 6%
Ruby - 6%
Lua - 6%
Dart - 6%
Assembly - 5%
Swift - 4%
R - 4%
Visual Basic - 4%
MATLAB - 3%
VBA - 3%
Groovy - 3%
Delphi - 3%
Scala - 2%
Perl - 2%
Elixir - 2%
Objective-C - 2%
Haskell - 2%
GDScript - 1%
Lisp - 1%
Solidity - 1%
Clojure - 1%
โworld of statics
Javascript - 63%
HTML/CSS - 53%
Python - 49%
SQL - 48%
TypeScript - 39%
Bash/Sell - 32%
Java - 30%
C# - 27%
C++ - 22%
C - 19%
PHP - 18%
PowerShell - 13%
Go - 13%
Rust - 13%
Kotlin - 6%
Ruby - 6%
Lua - 6%
Dart - 6%
Assembly - 5%
Swift - 4%
R - 4%
Visual Basic - 4%
MATLAB - 3%
VBA - 3%
Groovy - 3%
Delphi - 3%
Scala - 2%
Perl - 2%
Elixir - 2%
Objective-C - 2%
Haskell - 2%
GDScript - 1%
Lisp - 1%
Solidity - 1%
Clojure - 1%
โworld of statics
A step by step guide for Express.js:
Prerequisites:
JavaScript.
Node.js: Express.js is built on top of it.
Start with Express.js
- Set up a basic Express app.
- Routing: Learn how to handle different types of web page requests, like showing a page when someone goes to your website or saving data when someone submits a form.
- Middleware: Understand how to use "middleware" functions, which are like helpers for your app.
- Request and Response: Learn about the information that comes in when someone uses your website (requests) and how your website responds (responses).
- Organize Your Project: Make folders and files in an organized way, like separating code for showing pages from code that talks to the database. (you can also use express generator for basic layout)
- Add a Database: Learn how to save and retrieve data from databases like MongoDB or MySQL.
- Make CRUD Operations: CRUD means Create, Read, Update, Delete. Understand how to do these operations with your database.
- User Authentication and Permissions: If your app needs users, learn how to let people sign up and log in securely.
- Deal with Errors: Learn how to handle mistakes in your code gracefully.
- Build RESTful APIs: If you're making an API, follow best practices for creating APIs, like clear URLs and how to give responses when someone asks for data.
- Security: Make sure your app is safe by validating inputs, securing user data, and protecting against common attacks.
- Testing: Learn how to test your code to catch and fix problems early.
- Middleware Development: Learn to create custom middleware functions to add specific functionality to your Express.js application.
- Real-Time Communication: Implementing real-time features using technologies like WebSockets etc.
Prerequisites:
JavaScript.
Node.js: Express.js is built on top of it.
Start with Express.js
- Set up a basic Express app.
- Routing: Learn how to handle different types of web page requests, like showing a page when someone goes to your website or saving data when someone submits a form.
- Middleware: Understand how to use "middleware" functions, which are like helpers for your app.
- Request and Response: Learn about the information that comes in when someone uses your website (requests) and how your website responds (responses).
- Organize Your Project: Make folders and files in an organized way, like separating code for showing pages from code that talks to the database. (you can also use express generator for basic layout)
- Add a Database: Learn how to save and retrieve data from databases like MongoDB or MySQL.
- Make CRUD Operations: CRUD means Create, Read, Update, Delete. Understand how to do these operations with your database.
- User Authentication and Permissions: If your app needs users, learn how to let people sign up and log in securely.
- Deal with Errors: Learn how to handle mistakes in your code gracefully.
- Build RESTful APIs: If you're making an API, follow best practices for creating APIs, like clear URLs and how to give responses when someone asks for data.
- Security: Make sure your app is safe by validating inputs, securing user data, and protecting against common attacks.
- Testing: Learn how to test your code to catch and fix problems early.
- Middleware Development: Learn to create custom middleware functions to add specific functionality to your Express.js application.
- Real-Time Communication: Implementing real-time features using technologies like WebSockets etc.
๐1
Forwarded from Muhammed Teshome
Amazing.
Your โgreen lineโ through history to the present moment is a miracle.
The infinite expanse of โgreen linesโ before you is a privilege to be cherished.
Your โgreen lineโ through history to the present moment is a miracle.
The infinite expanse of โgreen linesโ before you is a privilege to be cherished.
โค2
In 2023:
๐ HTML is 30 yrs old
๐จ CSS is 27 yrs old
โจ JavaScript is 28 yrs old
โ๏ธ ReactJS is 10 yrs old
๐ผ VueJs is 9 yrs old
๐บ Angular is 7 yrs old
๐ Svelte is 7 yrs old
๐ฟ Git is 18 yrs old
๐ Github is 15 yrs old
๐ Python is 32 yrs old
๐ข MySQL is 28 yrs old
๐ MongoDB is 14 yrs old
๐ PHP is 28 yrs old
โ๏ธ Java is 27 yrs old
๐ Ruby is 28 years old
๐ข Node.js is 14 years old
๐ณ Docker is 10 years old
๐ฆ Swift is 9 years old
๐ TypeScript is 10 years old
๐ Kotlin is 11 years old
๐ฆ Rust is 8 years old
๐น Go is 14 years old
Add more ๐ฌ๐
๐ HTML is 30 yrs old
๐จ CSS is 27 yrs old
โจ JavaScript is 28 yrs old
โ๏ธ ReactJS is 10 yrs old
๐ผ VueJs is 9 yrs old
๐บ Angular is 7 yrs old
๐ Svelte is 7 yrs old
๐ฟ Git is 18 yrs old
๐ Github is 15 yrs old
๐ Python is 32 yrs old
๐ข MySQL is 28 yrs old
๐ MongoDB is 14 yrs old
๐ PHP is 28 yrs old
โ๏ธ Java is 27 yrs old
๐ Ruby is 28 years old
๐ข Node.js is 14 years old
๐ณ Docker is 10 years old
๐ฆ Swift is 9 years old
๐ TypeScript is 10 years old
๐ Kotlin is 11 years old
๐ฆ Rust is 8 years old
๐น Go is 14 years old
Add more ๐ฌ๐
๐3
Free resources for your projects:
~ Hosting
http://netlify.com
~ HTML templates
http://htmlrev.com
~ Icons
http://lineicons.com
~ Fonts
http://fonts.google.com
~ Illustrations
http://undraw.co
~ Photos
http://unsplash.com
~ Videos
http://dareful.com
~ Color Palettes
http://colorhub.app
~ UI components
http://flowbite.com
~ Animations
http://xsgames.co/animatiss
~ Charts
http://chartjs.org
~ UI Garage
http://uigarage.net
~ Remote jobs
http://workremote.cc
~ SEO site check-up
http://seotest.me
~ Code Tools
http://freecodetools.org
~ Hosting
http://netlify.com
~ HTML templates
http://htmlrev.com
~ Icons
http://lineicons.com
~ Fonts
http://fonts.google.com
~ Illustrations
http://undraw.co
~ Photos
http://unsplash.com
~ Videos
http://dareful.com
~ Color Palettes
http://colorhub.app
~ UI components
http://flowbite.com
~ Animations
http://xsgames.co/animatiss
~ Charts
http://chartjs.org
~ UI Garage
http://uigarage.net
~ Remote jobs
http://workremote.cc
~ SEO site check-up
http://seotest.me
~ Code Tools
http://freecodetools.org
Netlify
Push your ideas to the web | Netlify
Build with AI or code, deploy instantly. One platform with everything you need to make real apps live.
โค2๐1