Learn JavaScript™
الذهاب إلى القناة على Telegram
All info, tutorial, JS tips and more ....! bio.link/javascript_js_ For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @technical_stark
إظهار المزيد4 411
المشتركون
-124 ساعات
لا توجد بيانات7 أيام
-330 أيام
أرشيف المشاركات
4 411
Get to know the JavaScript runtime called Bun
https://blog.logrocket.com/bun-javascript-runtime-taking-node-js-deno/
#bun #runtime #nodejs
4 411
Repost from Learn CSS™
Several ways to center elements with CSS
https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
#css #center
4 411
Some basic Git commands to use in app projects
https://www.freecodecamp.org/news/how-to-use-basic-git-and-github-commands/
#git #github #command
4 411
Caching requests using Redis on Node JS
https://betterprogramming.pub/how-to-cache-api-requests-with-redis-and-node-js-cba883385e7
#nodejs #redis #cache
4 411
Repost from Learn CSS™
Exercise from Dcode on the Backdrop filter property in CSS
https://youtu.be/kRBZPcM_KOw
#dcode #css #filter #backdrop
4 411
Data structures and algorithms in JavaScript Playlist by Codevolution
https://youtube.com/playlist?list=PLC3y8-rFHvwiRYB4-HHKHblh3_bQNJTMa
#Javascript #DSA #DataStructures #Algorithms #Resources
4 411
Repost from Learn JavaScript™
✨50 Resources for learning React in 2021⚛️✨
📌 DOCUMENTATION
1. React official docs
https://t.co/SSHFC9YfBo
2. MDN docs
https://t.co/N7lc9FArAi
3. W3 Schools
https://t.co/wqf3htdP9n
4. DevDocs
https://t.co/VIX7uOW75K
5. Tutorials Point
https://t.co/SKeUlubdtW
6. Geeks for geeks
https://t.co/oCvzRLvn6t
7. Freecodecamp
https://t.co/TveXXpmpTl
8. Java Point
https://t.co/MwAjMBkl1v
📌 YouTube Tutorials
9. Traversy media
https://t.co/ZUV3NGplXm
10. Clever programmer
https://t.co/rZ5H4Z4Sdo
11. Free code camp
https://t.co/kJGL0o7nAz
12. Programming with Mosh
https://t.co/DlJWANLPxQ
13. Edureka
https://t.co/H9RK9wYtBG
14. Bitfumes
https://t.co/JYB9qo1pKO
15. Simplilearn
https://t.co/sCUPKGVpwn
📌 Free courses
16. Egg Head
https://t.co/3z22aeVQFc
17. Codeacademy
https://t.co/ULjmU2wAxX
18. Plural Sight
https://t.co/CsLuL2S1ty
19. Coursera
https://t.co/3cAXjmF4HI
20. Udemy
https://t.co/Zpvo77Eb30
21. Scrimba
https://t.co/UhiZ5Vzq6G
📌 GitHub repo
22. Awesome React
https://t.co/ovEsMyiIPJ
23. React developer roadmap
https://t.co/u16ObCAKhG
24. 30 seconds of React
https://t.co/PeEBGhLhK7
25. Learning React
https://t.co/R1tRbJW5cK
26. Awesome React components
https://t.co/rrPjpwLJcx
27. Amazing React projects
https://t.co/h0H2GXndyo
📌 Interactive learning
28. React tutorial
https://t.co/tDGMp74YwD
29. React online test
https://t.co/oXvqRPOaFO
30. Build with React
https://t.co/hxTBIcVhUR
31. Kirupa
https://t.co/GG8r2BydRE
32. Free mock test
https://t.co/eNwENYckOG
33. React games
https://t.co/qPd0CsOoeC
📌 Books and Websites
34. The React Beginner's Handbook
https://t.co/4rHgWU7zTr
35. React Enlightenment
https://t.co/amClrnaWMs
36. Reintroducing React
https://t.co/U558LaZ6ma
37. Web dev
https://t.co/4bJnOAPYLE
38. Level Up Your React Skills
https://t.co/gTFFf0eY59
39. Kirupa
https://t.co/GG8r2BydRE
40. React for beginners
https://t.co/UmMpmqPwjW
📌 Projects
41. 15 React projects
https://t.co/lRtS5IBpBv
42. React projects playlist
https://t.co/T3u3BpQTEj
43. Amazon Clone
https://t.co/SCXzRnihdC
44. Projects ideas
https://t.co/Rkek2qvAT8
45. Exciting React Project
https://t.co/ngWf2kxvCq
46. https://t.co/jaQYn2ayt9
47. Voice controlled eCommerce
https://t.co/XoGriuRAFz
48. Real time chat app
https://t.co/GJUQEfsm3W
49. GitHub jobs
https://t.co/3AdBZ6t1I4
50. Movie app
https://t.co/Hs7TNEoUYQ
#Javascript #JS #resourses #tutorials #JSprojects
Follow @JavaScript_js_learn for more JavaScript content.
_
Follow my other channels
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @technical_stark
4 411
Repost from Learn JavaScript™
60. JS for cats
http://jsforcats.com/
🔹 Videos
61. JavaScript Mastery
https://youtu.be/g7T23Xzys-A
62. Clever Programmer
https://youtu.be/Qqx_wzMmFeA
63. Edureka
https://youtu.be/o1IaduQICO0
64. Programming with Mosh
https://youtu.be/W6NZfCO5SIk
65. Freecodecamp
https://youtu.be/PkZNo7MFNFg
4 411
Repost from Learn JavaScript™
✨65 JavaScript resources that can help you✨
🔹 Websites
1. Java5cript
https://www.java5cript.com/
2. JavaScript Tutorial
https://www.javascripttutorial.net/
3. JavaScript 30
https://javascript30.com/
4. JavaScript Info
https://javascript.info/
5. JavaScript by Pluralsight
https://www.javascript.com/
🔹 Learn through visualizing
6. JS Visualizer
https://www.jsv9000.app/
7. UI dev visualizer
https://ui.dev/javascript-visualizer/
8. JS Tutor
http://pythontutor.com/javascript.html#mode=edit
🔹 Documents
9. MDN
https://developer.mozilla.org/en-US/docs/Web/JavaScript
10. W3 Schools
https://www.w3schools.com/js/
11. DevDocs
https://devdocs.io/javascript/
12. JavaScript Info
https://javascript.info/
13. JavaScript Garden
https://bonsaiden.github.io/JavaScript-Garden/
🔹 GitHub repo
14. Modern JavaScript tutorial
https://github.com/javascript-tutorial/en.javascript.info
15. Awesome JS Learning
https://github.com/micromata/awesome-javascript-learning
16. JS by example
https://github.com/bmkmanoj/js-by-examples
17. 33 JS concepts
https://github.com/leonardomso/33-js-concepts
18. 30 seconds of code
https://github.com/leonardomso/33-js-concepts
19. JavaScript question
https://github.com/lydiahallie/javascript-questions
20. JS Style Guide
https://github.com/airbnb/javascript
🔹 Code Snippet
21. 30 seconds of code
https://www.30secondsofcode.org/js/p/1
22. JS source
https://javascriptsource.com/
23. Get Butterfly
https://getbutterfly.com/javascript/
24. JS Fiddle
https://jsfiddle.net/
25. JavaScript (ES6) code snippets
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
🔹 Books
26. Eloquent JS
https://eloquentjavascript.net/
27. JS Design pattern
https://addyosmani.com/resources/essentialjsdesignpatterns/book/
28. The JavaScript Beginner's Handbook
https://flaviocopes.com/page/javascript-handbook/
29. Learn JavaScript with Ease
https://bit.ly/3flK1e6
30. Human JavaScript
https://read.humanjavascript.com/
🔹 Tips and Tricks
31. JS tips
https://www.jstips.co/
32. JS tips and tricks
https://github.com/catalinpit/JS-Tips-And-Tricks
33. Kirupa
https://www.kirupa.com/javascript/javascript_tips_and_tricks.htm
🔹 Projects
34. 10 JS projects in 10 hours
https://youtu.be/dtKciwk_si4
35. 15 JS projects
https://youtu.be/3PHXvlpOkf4
36. Build 7 games using JS
https://youtu.be/lhNdUVh3qCc
37. 50 projects in 50 days
https://www.udemy.com/course/50-projects-50-days/
38. JavaScript Projects for Beginners
https://jsbeginners.com/javascript-projects-for-beginners/
🔹 Algorithms
39. Algorithms in JS
https://github.com/trekhleb/javascript-algorithms
40. JS DSA
https://github.com/TheAlgorithms/Javascript
41. Algo test
https://www.testdome.com/tests/javascript-algorithms-online-test/162
42. Interview algo
https://www.thatjsdude.com/interview/js1.html
🔹 Cheat sheets
43. JS Cheat sheet
https://github.com/iLoveCodingOrg/javascript-cheatsheet/blob/master/js-cheatsheet.pdf
44. HTML, CSS, JS cheat sheet
https://htmlcheatsheet.com/js/
45.JavaScript Cheat Sheet
https://cheatography.com/davechild/cheat-sheets/javascript/
46. Over API
https://overapi.com/javascript
47. Awesome cheat sheet
https://github.com/LeCoupa/awesome-cheatsheets/blob/master/languages/javascript.js
48. Array and date cheat sheet
https://t.me/learn_JavaScript_js/327
49. DevHints
https://devhints.io/es6
🔹 COURSES
50. Code Academy
https://www.codecademy.com/learn/introduction-to-javascript
51. Udemy
https://www.udemy.com/course/the-complete-javascript-course/
52. Coursera
https://www.coursera.org/learn/javascript
53. Plural Sight
https://www.pluralsight.com/courses/quick-start-javascript-1-1870
54. Scrimba
https://scrimba.com/topic/javascript
🔹 Readings
55. Geeks For Geeks
https://www.geeksforgeeks.org/javascript-tutorial/
56. Java Point
https://www.javatpoint.com/javascript-tutorial
57. Tutorials Point
https://bit.ly/3lWUrSw
58. Learn JS
https://www.learn-js.org/
59. The Odin Project
https://theodinproject.com/paths/full-stack-javascript/courses/javascript
4 411
Frontend Roadmap & Free Resources
https://telegra.ph/Frontend-Roadmap--Free-Resources-07-22
#frontend #resources
4 411
https://ammaaraslam.hashnode.dev/improve-your-web-development-skills-by-building-these-5-projects#heading-recommended-way-to-build-these-applications
#WebDevelopment #Developer #JavaScript
4 411
Practice using Material UI with Next JS
https://blog.logrocket.com/getting-started-with-mui-and-next-js/
---
Practice using Redux on Next JS
https://blog.logrocket.com/use-redux-next-js
#redux #nextjs #mui #material
4 411
Review some code editors with the Fireship channel
https://youtu.be/8PhdfcX9tG0
#fireship #code #editor
4 411
Exercises using repetition on JavaScript Objects
https://www.freecodecamp.org/news/how-to-iterate-over-objects-in-javascript/
---
Introduction to what an Object is in JavaScript
https://www.freecodecamp.org/news/objects-in-javascript-for-beginners/
#object #javascript #iteration #loop
4 411
Create 3D visualizations with Lunchbox JS on Vue JS
https://blog.logrocket.com/build-3d-visuals-vue-lunchboxjs/
#vue #lunchbox #3d
4 411
All right then gang, Net Ninja released an exercise to create an authentication system with Node JS and MERN Stack
https://www.youtube.com/watch?v=WsRBmwNkv3Q&list=PL4cUxeGkcC9g8OhpOZxNdhXggFz2lOuCT&index=1
The complete playlist can be seen here
https://www.youtube.com/playlist?list=PL4cUxeGkcC9g8OhpOZxNdhXggFz2lOuCT
—-
This series of exercises is a continuation of the previous advanced playlist, which is to create a basic MERN Stack application
https://www.youtube.com/playlist?list=PL4cUxeGkcC9iJ_KkrkBZWZRHVwnzLIoUE
#netninja #mern #nodejs #auth
4 411
Roadmap To Becoming A Full Stack Web Developer In 2022
1. Choose a Technology
Full-stack development comprises
front-end, back-end, and database management. Few technologies on which you can work and are trending:
A. MERN B. MEAN
2. Frontend Development
Front-End is the User Interface, it deals with the website's overall appearance & how interactive it is
Mastering the elements of HTML, CSS, & JavaScript is essential.
HTML - Start with creating a small webpage. Include; tables, images & links to make it more eye-catching.
CSS - Add colors, borders, build the navigation bar, play with the icons, font, and text
JavaScript - Learn about DOM and API
3. Backend Development
Ace these skills:
Coding Languages - Python, Java & Javascript
Frameworks - Express, Django, Ruby on Rails
Database Management Systems - MongoDB, MySQL, etc
API - (Application Program Interface)
Client-Server Architecture
4. Version Control
Using Git is a very good practice if you're working on applications. It is an open-source platform where the entire code exists from the initial stage
Some of them are:
GitHub, GitLab, Beanstalk, Mercurial
5. Build Projects
Post mastering the theory, the final stage is practicing and application of the knowledge acquired.
Practice, practice and practice some more!
Credits: Sandeep Jain
@JavaScript_js_learn
4 411
10 Minimal Portfolio Examples for Web Developers Who Aren’t Good at Design
https://dev.to/scrimba/10-minimal-portfolio-examples-for-web-developers-who-arent-good-at-design-40gj
#webdev #css #javascript
4 411
7 Tips for Clean React TypeScript Code you Must Know 🧹✨
https://dev.to/ruppysuppy/7-tips-for-clean-react-typescript-code-you-must-know-2da2
-----------------------------------------------------------
Architecting React Apps Like it's 2030
https://dev.to/itsrennyman/architecting-react-apps-like-its-2030-10mc
-----------------------------------------------------------
How to Make a Real Estate Website Using Html CSS JavaScript
https://dev.to/codewithsadee/how-to-make-a-real-estate-website-using-html-css-javascript-1hjc
-----------------------------------------------------------
How To Make Personal Portfolio Using HTML CSS JavaScript
https://dev.to/codewithsadee/how-to-make-personal-portfolio-using-html-css-javascript-2760
-----------------------------------------------------------
#html #css #react #javascript #typescript #webdev #tutorial
4 411
All right then gang, Net Ninja released a series of exercises to create a paralax landing page with a slider effect
https://www.youtube.com/watch?v=RipdRoTnvJQ&list=PL4cUxeGkcC9iAkdBGipl-sd_x9JQKXwK9&index=2
The complete playlist can be seen here
https://www.youtube.com/playlist?list=PL4cUxeGkcC9iAkdBGipl-sd_x9JQKXwK9
#netninja #playlist #slider #paralax
