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
JavaScript tip:

Swap the values of two variables, using destructuring assignment

#Javascripttip
Best pickup line for a JavaScript dev?

Be the promise to my callback❤️
I have found a great list of JavaScript resources in the form of GitHub repository.

In this repo you'll find

- eBooks
- Articles
- Blogs
- Videos
- Interactive learning
- DOM related stuff
- ETC....

Definitely check it out
👇👇👇

https://t.co/CUCBjg1f4w
A curated list of useful web development tools in 2021

1. Regular expressions

- Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript

https://t.co/jO0Db2orHu

2. Remove BG

- Remove image background automatically and 100% free

https://t.co/6DU0B5a0eB

3. Visualizer

- Watch the execution of basic Python, Java, C++, etc. code step-by-step.

https://t.co/9gbtgPZvWw

4. JavaScript Resources

- This website provides you with all of the latest and up to date resources to learn JavaScript

https://t.co/2gdB6LdfQ8

5. CSS generators

- 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/K9QzJeX1gd

6. Design Resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

https://t.co/1x8I21y9Gb

7. Easelly

- Easelly is a simple infographic maker that lets you visualize any kind of information.

https://t.co/tykvGAHOwX

8. Hidden Tools

- Discover a wide collection of tools made by the community - for you.

https://t.co/M9BWIsiO3X

9. Rico's cheatsheets

- Amazing collection of cheat sheets

https://t.co/4bBoYf1IiO
10 🔥 VS Code Extensions

🔸 Themes & Visuals
⚙️ Material Theme
⚙️ Indent Rainbow
⚙️ Bracket Pair Colorizer
⚙️ Highlight Matching Tag
⚙️ Better Comments

🔸 Insights
⚙️ Git Lens
⚙️ WakaTime
⚙️ Import Cost

🔸 Debugging
⚙️ Debugger for Chrome
⚙️ Turbo Console Log
It takes a little patience to learn Web Development

📌 HTML is easy, spend 4-5 days on it
⪼ Learn about semantic elements

📌 CSS is beautiful, spend 20-30 days on it
⪼ Learn about layouts

📌 JavaScript is a bit painful, but don't worry
⪼ Try to keep improving it💪
8 GitHub repositories for web developers


1️⃣ Awesome Desing Tools

- A huge list of best design tools and plugins for everything

https://t.co/xErxHxxTuE

2️⃣ Awesome Cheatsheets

- Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file. Not only for front-end developers😉

https://t.co/J2aZ8WGVWz

3️⃣ Databases Tools

- Everything that makes working with databases easier

https://t.co/MSoUw4bzjs

4️⃣ Become a full stack developer

- Free resources for learning Full Stack Web Development

https://t.co/NJEmlAur4z

5️⃣ VS Code Tips and Tricks

- Collection of helpful tips and tricks for VS Code.

https://t.co/99WUkbrAen

6️⃣ Public API

- A collective list of free APIs for use in software and web development.

https://t.co/vDRQKBf15V

7️⃣ Project Based Learning

- Curated list of project-based tutorials covering JavaScript, Python and many other popular languages

https://t.co/kIojOPBbIY

8️⃣ Front-end resources

- A collection of all the resources that can help you to keep up with the latest in front-end web development

https://t.co/egx4I6dp6t

Follow @learn_JavaScript_js for more JavaScript content.
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript Tip 💡

You probably already knew that you have to put ‘
async’ in front of the function signature in order to use ‘await’ inside of it.

But did you also know that ‘
async’ turns the function into a promise?

#Javascripttip
Forwarded from Learn CSS
Cheat sheets.pdf
4.9 MB
CSS Layout Notes
Forwarded from Learn Web Development
If you're learning or planning to learn Web Development in 2021 then this is for you👇

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well



FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages


- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library


-DOCUMENT YOUR LEARNING✍️

- Take a short note of what you learn on the daily basis will be helpful in the long term

- Whenever you go for an interview or some test, you can revise through your notes


- You can also share your learning, projects or anything on social media. It also helps you to be up-to-date

- Write your achievements or failures while learning a specific topic, create tutorials, write article, etc


There are a lot of free tools and courses on the internet you can start with

- I always recommend start with a crash course so that you can have taste of things. Later on, you can buy a course or learn by self teaching


DYNAMIC FIELD🚀

- Web development is a constantly evolving field. To be a great developer, you need to stay updated

- Almost daily, we come across with new concepts, technique, framework, library, designs, etc. So as to survive strongly in this world, you should be updated


- In order to keep up with these, You can read latest article, watch YouTubers, be active on social media, etc

- It will be more beneficial if you can put new concepts into practice. It will help you to understand a specific concept more accurately and effectively


THERE IS ALWAYS A SLIGHT MARGIN TO IMPROVE🍀

- You can't be perfect in this field but you can try to be

- Always be open to learn new things, as this is the vast field learning new techniques always pays off

BE POSITIVE😁

- During your journey you will face many challenges. But it does not matter. What matters is your attitude towards your problems

- Frustration is the basic side effect of coding. Just take a break. No need to burden yourself

This all may sound like a little hectic but it's actually not.

Do not burden yourself. Just try to code daily so that you can develop consistency inside you. Does not matter for hours or minutes

That's pretty much it. Don't think much just start. Let me know if i can help you in any way

All the best😄
Learn JavaScript pinned «If you're learning or planning to learn Web Development in 2021 then this is for you👇 WHERE TO START? Front-end or Backend? - Well this may be a debatable question but I would suggest you to start with front-end development - It depends entirely on the…»
JavaScript Developer Learning Guide.

Step 1. Learn JS Fundamentals
Step 2. Basics Objects
Step 3. Prototypes
Step 4. Deep Dive on Functions
Step 5. ES6+
Step 6. Learn DOM & Events
Step 7. Learn OOP Concepts
Step 8. Asynchronous JS
Step 9. JS Patterns
Step 10. Keep Learning
Git is an essential tool for developers.

I came across an amazing website where you can learn git by visualization

https://learngitbranching.js.org/

GitHub repo

https://github.com/pcottle/learnGitBranching
Programming Ebooks

Almost all Programming Ebooks will be available. Search book using key word like "JavaScript" Or anything you require

@ProgrammingEbooks
JavaScript Tip 💡

Here's an example of how you can create a reusable and composable pipe using JavaScript.


#Javascripttip