Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
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
Download Telegram
Most Helpful GitHub Repositories for JavaScript Developers


⚡️30-Days-Of-JavaScript

As the name suggests learn
JavaScript in 30 Days.


https://t.co/WuB5okdoR7

⚡️ es6-cheatsheet

A cheatsheet containing ES2015 [ES6] tips, tricks, best practices and code snippet examples for your day to day workflow.

https://t.co/wNiLx7AL5Z

⚡️ The Algorithms - JavaScript

All algorithms implemented in JavaScript

https://t.co/LD6bcVV2x6

⚡️ 33-js-concepts

33 Concepts Every JavaScript Developer Should Know.

https://t.co/SiWyjYi9WS

⚡️ clean-code-javascript

Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript.
This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.


https://t.co/ygmhb6OuOE

⚡️project-guidelines

BEST PRACTICES and guidelines to create a JavaScript project

https://t.co/VXSFcJTpjl

⚡️javascript-questions

JavaScript MCQs to help you learn/practice JavaScript concepts

https://t.co/rG5gfzskyV

⚡️You-Dont-Know-JS

This is a series of books diving deep into the core mechanisms of the JavaScript language

https://t.co/MciPdGQLAA

⚡️ javascript-algorithms

This repository contains JavaScript based examples of many popular algorithms and data structures.


https://t.co/goQes3QRgA

#Javascript #JS #NodeJS #FullStack #Frontend #Backend

Follow @JavaScript_js_learn for more JavaScript content.
Best VS Code Extensions for JavaScript Developers

⚡️JavaScript (ES6) code snippets

https://t.co/g2hcv4nCpq

⚡️Prettier - Code formatter

https://t.co/1F8760t4TS

⚡️ ESLint

https://t.co/7DPLxfK66y

⚡️Babel JavaScript

https://t.co/o9OHGFtyow

⚡️npm Intellisense

https://t.co/3B01EMIvHM

⚡️Debugger for Chrome

https://t.co/3tOLu9B41r

⚡️Live Server

https://t.co/nK1VRwmCA7

⚡️Import Cost

https://t.co/L4lSRkPFip

#Javascript #JS #VSCode #es6 #VScodeExtensions

Follow @JavaScript_js_learn for more JavaScript content.
Learn JavaScript pinned «Best VS Code Extensions for JavaScript Developers ⚡️JavaScript (ES6) code snippets https://t.co/g2hcv4nCpq ⚡️Prettier - Code formatter https://t.co/1F8760t4TS ⚡️ ESLint https://t.co/7DPLxfK66y ⚡️Babel JavaScript https://t.co/o9OHGFtyow ⚡️npm Intellisense…»
Pro Tip for JavaScript learners😜😆

If you think learning JavaScript is difficult then take a break and try learning Java for a day.

Learning JavaScript will start to look easier😆

Just for Fun😅

#Javascripttip
Forwarded from Learn Web Development
Front-end developer roadmap for 2021👇🏻

First things first, you need an editor to write code. There are plethora of editors out there like atom, VS code, sublime etc

I recommend you to start with VS code. Why?👇🏼

🔹Many built-in features
🔹It's fast
🔹Large community
🔹IntelliSense code completion and debugging

Don't want to download an editor due to memory issue or something else?

Don't worry we have lots of online editors also👇🏼

🔹CODEPEN :-
🔗https://t.co/aq2wrH6cD3
🔹CODE SANDBOX :-
🔗https://t.co/drzfitzmsG


Now you're all set to write code and create beautiful websites

A typical website can be divide into three phases

- HTML 🧱
- CSS 🎨
- JavaScript ⚙️


1. HTML

- It is used to build the skeleton for your website
- It's a markup language that totally operates on tags
- You can master it with 10 days


🔹 W3schools- HTML :- https://t.co/TlrsSM0dh9

2. CSS

- It is used to give the styling for your website
- Cascading Style Sheets, that totally operates on different properties
- You can learn it within 20-25 days but it will take time to master it

There are 520 distinct properties in CSS. But according to my personal experience, you will hardly use all of them.

Generally CSS revolves around👇🏼

- Box model
- Position
- Background
- Animation
- Media query
- Flex box
- CSS grid

Learning resources for CSS

Documentation
🔹 W3SCHOOLS-CSS :-
🔗 https://t.co/bBk1rSijxo

Check out this amazing article in order to learn CSS by playing games

🔹https://t.co/2klS6NLZ79

CSS Frameworks

- In simple words CSS frameworks are the CSS code written by some other developers. All you need to do is just import in your HTML file and now you can add styling in your website with even writing CSS code by yourself

- Isn't it cool😍


Learning a particular CSS framework is pretty easy. You can learn them by reading official documentation
- Pick any CSS Frameworks by your choice👇🏼

🔹Tailwind CSS
🔹Bootstrap
🔹Bulma
🔹Materialize CSS
🔹Foundation

... and many more


3.JavaScript

- JS is used to add functionality and behavior in your website

- JavaScript is a popular programming and widely used language for Web Development

- You can't master JS in few days or months, It will take time

But you will be able to create websites in few days.


Start with the basic topics👇🏼

- Data types
- Loops
- Conditional statements
- Objects
- Arrays
- Functions


Learning resources

Documentation
🔹https://t.co/XkMlZQOF0h

Other learning resources
🔹Start with freecodecamp

🔗 freeCodeCamp.org

🔹Free js resources:
🔗java5cript .com

Document Object Model (DOM)

- With the HTML DOM, you can access, modify and changes the HTML elements

- When a web page is loaded, the browser creates a Document Object Model of the page.

With the help of DOM, JavaScript can change the

- elements in the page
- attributes
- CSS styling

I mean now you have a super power to make changes in you webpage using JS


Resources for DOM

🔗https://t.co/M9bS7wYawD
🔗https://t.co/xEsT3lbT1P

I think now it's the right time to learn Git and GitHub (version control)

- Git is a Version Control system used for tracking changes
- GitHub is a code hosting platform of Git

An amazing crash course by freecodecamp on YouTube


🔗 https://t.co/ysa17PpoGO

JavaScript front-end frameworks and libraries

There are many like React, Angular, vue, Ember, Backbone etc. All are equally good.

I love React so I'm providing the learning resources for React👇🏼


1. React official documents itself.

🔗 https://t.co/SSHFCafQsW

2.If you like reading more than watching tutorials like me, here are the well written notes for React.
You can find almost very topic, related to React here.

🔗 https://t.co/SKeUltTC5m

3. React notes on geeks site

🔗https://t.co/oCvzRLdLHT

4. You can test you React knowledge on this website. You have to write short code snippets here.
Really helpful be sure to check it out.

🔗 https://t.co/oXvqRPwzhe

5. If you like watching tutorials rather than reading, No issues.
You can check the traversymedia React crash course
Forwarded from Learn Web Development
🔗 https://t.co/eOiYUM0V25

6.You’ll develop a strong understanding of React’s most essential concepts.

🔗 https://t.co/ULjmU2eZ9n

7. Learn in an interactive environment. Understand how React works not just how to build with React.

🔗 https://t.co/rlHF6YC1gc

8. A well written material on javapoint.
Give it a look


🔗 https://t.co/MwAjMBBVT3

Advance Learning

- PWA
- JAMstack


- PWA are the web applications that are intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices

- JAMstack stands for JavaScript, APIs, and Markup. Designed to make the web faster, more secure, and easier to scalable.


🔹https://t.co/n7mPgDLlN8

🔹https://t.co/4bMt5hRQKX

That's pretty much it for this thread. I hope you like it❤️

#Webdevelopment #JS #JavaScript #Html #Css #web

Follow @learn_webdevelopment for Web development tutorials
Learn JavaScript pinned «Front-end developer roadmap for 2021👇🏻 First things first, you need an editor to write code. There are plethora of editors out there like atom, VS code, sublime etc I recommend you to start with VS code. Why?👇🏼 🔹Many built-in features 🔹It's fast 🔹Large…»
You only need to build 3 projects to master JavaScript:

1. Blog
2. E-commerce store
3. Chat application


They cover 97% of everything you might face in a real job
Speed up your learning process by creating projects

Check out these amazing project's tutorial on YouTube👇

1️⃣ ECommerce Web Shop🛒

🔗
https://youtu.be/377AQ0y6LPA

2️⃣ 10 JavaScript Projects in 10 Hours

🔗
https://youtu.be/dtKciwk_si4

3️⃣ Simple photo Editor📸🖼️

🔗
https://youtu.be/J243ncoInNE

4️⃣ Music App🎵

🔗
https://youtu.be/2VJlzeEVL8A

5️⃣ Expense Tracker💸

🔗
https://youtu.be/XuFDcZABiDQ

6️⃣ Chat Application

🔗
https://youtu.be/ZwFA3YMfkoc

7️⃣ Full-Stack AMAZON Clone

🔗
https://youtu.be/RDV3Z1KCBvo

8️⃣ Portfolio website

🔗
https://youtu.be/_xkSvufmjEs

9️⃣ Portfolio using Tailwind CSS

🔗
https://youtu.be/cqkuM6Ddw8E

🔟 Flappy Bird

🔗
https://youtu.be/dhpjjAxKbHE


#html #css #Javascript #JS #projects #Games

Follow
@JavaScript_js_learn for more JavaScript content.
Learn JavaScript pinned « Speed up your learning process by creating projects Check out these amazing project's tutorial on YouTube👇 1️⃣ ECommerce Web Shop🛒 🔗 https://youtu.be/377AQ0y6LPA 2️⃣ 10 JavaScript Projects in 10 Hours 🔗 https://youtu.be/dtKciwk_si4 3️⃣ Simple photo…»
Forwarded from Programming World👨‍💻 (☠️Anonymus Venom☠️)
Want to learn/master git and GitHub?

Here are some Best Free Resources for you👇🏻

⚡️ Git introduction for "advanced beginners," who are still struggling.

🔗 https://t.co/yRMuWX9pO7

⚡️ Git Immersion

A guided tour that walks through the fundamentals of Git, inspired by the premise that to know a thing is to do it.

🔗 https://t.co/E1WEzZopeE

⚡️ Official Guide/Tutorials by GitHub

🔗 https://t.co/My8G82xmsj

⚡️ How to get out of common git mistakes described in plain English.

(Highly recommended for beginner)

🔗 https://t.co/DWtvFynck5

⚡️ Git Cheat Sheet by GitHub

🔗 https://t.co/WF8pLuLpE4

⚡️ Best Practices

🔗 https://t.co/fcrZ7NuIWt

⚡️ Become a git guru, complete guide by Atlassian.

🔗https://t.co/5GStdyNvZS

⚡️Pro tip

Learn the basics and keep working on projects. You will learn about git side by side through your mistakes

Follow @Programmingworld_dev for more programming stuff
Learn JavaScript pinned «Want to learn/master git and GitHub? Here are some Best Free Resources for you👇🏻 ⚡️ Git introduction for "advanced beginners," who are still struggling. 🔗 https://t.co/yRMuWX9pO7 ⚡️ Git Immersion A guided tour that walks through the fundamentals of…»
Forwarded from Learn CSS
Check out these amazing CSS makers🌈

👇👇👇

1⃣ CSS Button Creator

The easiest way to create imageless CSS buttons. You can customize background, color, shadow, padding, margin and almost everything

🔗 https://t.co/RpFWrupvxW

2⃣ Blob Maker

Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time

🔗 https://t.co/VirvMeNQMh

3⃣ Make some waves

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize

🔗 https://t.co/go14BIUf9q

4⃣ CSS Generator

The ultimate CSS generator. Learn CSS3 with our generators and preview your results! And you don't even need CSS experience to start

🔗 https://t.co/mu0HaOBfvJ

5⃣ Gradient Generator

As a free CSS gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

🔗 https://t.co/fNbmi2CKCW

6⃣ Animista

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

🔗 https://t.co/4tDSAL5WiZ

7⃣ CSS Animate

Online tool for creating native CSS3 Keyframes Animation. You can easy and fast generate consistent CSS3 animation using simple UI without any coding

🔗 https://t.co/ZPiZtj5XrA

8⃣ Keyframes

Create basic or complex CSS keyframe animations with a visual timeline editor similar to video-editing software

🔗 https://t.co/UkaCVmYxsK


9⃣ Enjoy CSS

Enjoy CSS lets you create almost everything in CSS. It'ss handy and simple UI allows you to adjust rich graphical styles quickly and without coding

🔗 https://t.co/LzJpPPjkIx

🔟Neumorphism Maker

Neumorphic UI generator

🔗 https://t.co/dlIOGg8Jm3


#Webdevelopment #Html #Css

Follow @learn_CSS_web for more CSS Content
React Free Resources for Beginners


⚡️ Official Website tutorials

🔗 https://t.co/twXB5ZEkna

⚡️ Official Docs

🔗 https://t.co/krKxcOhuwp

⚡️The Beginner's Guide to React

🔗 https://t.co/fsFIQK5oBf

⚡️Learn React for free, A course by Scrimba

🔗 https://t.co/RWx4u8hwJ4

⚡️React Tutorial for Beginners

🔗 https://t.co/Obw6R1gzwt

⚡️React JS Crash Course (2019) by traversymedia

🔗 https://t.co/LJfH2F12K5

⚡️ FreeCodeCamp React Challenges

🔗https://t.co/bhVUfjTCJH

⚡️React.js cheatsheet

🔗https://t.co/iiojWZcCGQ

⚡️React Patterns

🔗 https://t.co/FQZSMxgptr

⚡️Most Important GitHub Repo filled with React Resources

🔗 https://t.co/jybb7y0Hp4


#Javascript #JS #VSCode #es6 #VScodeExtensions

Follow @JavaScript_js_learn for more JavaScript content.
Learn JavaScript pinned «React Free Resources for Beginners ⚡️ Official Website tutorials 🔗 https://t.co/twXB5ZEkna ⚡️ Official Docs 🔗 https://t.co/krKxcOhuwp ⚡️The Beginner's Guide to React 🔗 https://t.co/fsFIQK5oBf ⚡️Learn React for free, A course by Scrimba 🔗 https…»
Top JavaScript Frameworks and libraries to Learn in 2021

- React
- Angular
- Vue.js
- jQuery
- Svelte
- Backbone.js
- Ember.js
- Next.js
- Polymer
- Node.js
- Express.js
React animation libraries

📌 react-spring
📌 Framer Motion
📌 React Transition Group
📌 React Move
📌 React-Motion
📌 React Awesome Reveal
📌 React Tweenful
50 resources for learning JavaScript

📌 DOCUMENTATION

1. MDN
https://t.co/XkMlZQOF0h

2. W3 Schools
https://t.co/eUYCudNHc8

3. DevDocs
https://t.co/sVwCCrYKwA

4. JavaScript Info
https://t.co/GLcMZmyfC9

5. JavaScript Garden
https://t.co/0YRzjuNZKx

📌 COURSES

6. Code Academy
https://t.co/cvQ6YhUTi1

7. Udemy
https://t.co/5HhRs4nCcJ

8. Coursera
https://t.co/JBpYAC02pT

9. Plural Sight
https://t.co/oBJ2K7kYni

10. Scrimba
https://t.co/lFRBDcQIJk


📌 WEBSITES

11. Geeks For Geeks
https://t.co/KSZIFLQInp

12. Java Point
https://t.co/M9IzGpeRs0

13. Tutorials Point
https://t.co/WE10KtxVd7

14. The Odin Project
https://t.co/aikkB3sJ0H

15. Learn JS
https://t.co/m7LkJejVqR

16. JavaScript Wikipedia
https://t.co/dd2mJ2ByLv

17. JavaScript 30
https://t.co/X2e6T9qFW5

18. JavaScript for Cats
https://t.co/wxd0BhSLya

19. Java5cript
https://t.co/2gdB6LdfQ8

20. Scotch io
https://t.co/iBKDaHSkIu


📌 YOUTUBE VIDEOS

21. JavaScript Mastery
https://t.co/1zcSeu4zKE

22. Clever Programmer
https://t.co/GcIIDzek7r

23. Edureka
https://t.co/YCCITWKlaL

24. Coursera
https://t.co/YCCITWKlaL

25. Freecodecamp
https://t.co/WbI9QnTOj2

26. Web Dev Simplified
https://t.co/WY7MNKOull

27. Traversy Media
https://t.co/h1iStFlpLY

28. Edureka
https://t.co/W1gZFjmQ8k

29. Hitesh Choudhary
https://t.co/Y5rOtj9Khj

30. Simon Høiberg
https://t.co/SJ6DhbNdvw

📌 BOOKS

31. Eloquent JS
https://t.co/IvMFOzDhjB

32. JS Design pattern
https://t.co/gmV3oi6nDQ

33. The JavaScript Beginner's Handbook
https://t.co/v0Ed5EJPJD

34. Learn JavaScript with Ease
https://t.co/a5PE7fNg2D

35. Human JavaScript
https://t.co/USz02nuHFw

📌 GITHUB REPOS

36. Modern JavaScript tutorials
https://t.co/vDgTJKbz74

37. Awesome JS Learning
https://t.co/CUCBjfJEcY

38. JS by example
https://t.co/VLT6dRwLSp

39. 33 JS concepts
https://t.co/F5KDOSaACD

40. 30 seconds of code
https://t.co/zWcmMtg2xa

📌 PROJECTS

46. 10 JS projects in 10 hours
https://t.co/dA2dGhuzw9

47. 15 JS projects
https://t.co/YWdH2cuBCi

48. Build 7 games using JS
https://t.co/iTM0Bkrckr

49. 50 projects in 50 days
https://t.co/LOPeEkHcoY

50. JavaScript Projects for Beginners
https://t.co/DQpOL90qLu

#Javascript #JS #resourses #tutorials

Follow @JavaScript_js_learn for more JavaScript content.
Learn JavaScript pinned «50 resources for learning JavaScript 📌 DOCUMENTATION 1. MDN https://t.co/XkMlZQOF0h 2. W3 Schools https://t.co/eUYCudNHc8 3. DevDocs https://t.co/sVwCCrYKwA 4. JavaScript Info https://t.co/GLcMZmyfC9 5. JavaScript Garden https://t.co/0YRzjuNZKx …»
This media is not supported in your browser
VIEW IN TELEGRAM