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:

Use history.back() to create a "Go Back" button.

#Javascripttip
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from Learn CSS
Beginner's_guide_to_getting_started_with_CSS_art_and_illustration.pdf
2.7 MB
Beginner's guide to getting started with CSS art and illustration
This media is not supported in your browser
VIEW IN TELEGRAM
Delete node_modules like a Pro


Are you a JS developer with a full hard drive? Learn a powerful command 🥋 to analyze and delete all your "node modules" folders quickly.



Official docs
https://npkill.js.org/
Forwarded from Learn CSS
Use these CSS button generators and save your time and effort


1️⃣ https://www.bestcssbuttongenerator.com/

- CSS Button Generator is a free online tool that allows you to create cross browser HTML and CSS button styles.


2️⃣
https://css3buttongenerator.com/

- Generate cool button in almost no time

3️⃣
https://www.clickminded.com/button-generator/

- A free online button generator. Design your very own button and download the image or get the CSS code.

4️⃣
https://cssbuttoncreator.com/

- The easiest way to create imageless css buttons.

5️⃣
https://gradientbuttons.colorion.co/

- A huge collection of free pre built gradient color

6️⃣
https://www.cssportal.com/css3-button-generator/

- This generator will help you design and learn how to make CSS3 Buttons.


7️⃣
https://www.cssgenerators.net/

- You don't have to learn any complex CSS rules . Just click and slide to make CSS3 Buttons. Lots of pretty button samples.
[Free] Harvard University CS50's Web Programming with Python and JavaScript


The course covers:

HTML, CSS

Git

Python

Django

SQL, Models, and Migrations

JavaScript

User Interfaces

Testing, CI/CD

Scalability and Security



Link to enroll:
https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript
An API for the awesome HTTP Cats!
A cool site that displays HTTP status codes with different modes and cats :)

#http #cat #fun #code #status


https://http.cat‌‌
Top 10 JavaScript GitHub repositories that will take your skills to the next level

1️⃣
https://github.com/workshopper/javascripting

- Learn JavaScript by adventuring around in the terminal.


2️⃣
https://github.com/humanwhocodes/computer-science-in-javascript

- Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript.


3️⃣
https://github.com/goldbergyoni/javascript-testing-best-practices

- Comprehensive and exhaustive JavaScript & Node.js testing best practices (March 2021)


4️⃣
https://github.com/coodict/javascript-in-one-pic

- Learn JavaScript in one picture


5️⃣
https://github.com/BonsaiDen/JavaScript-Garden

- A collection of documentation about the most quirky parts of the JavaScript language.

6️⃣
https://github.com/javascript-society/javascript-path

- List of books to master JavaScript Development


7️⃣
https://github.com/micromata/awesome-javascript-learning

- A tiny list limited to the best JavaScript Learning Resources

8️⃣
https://github.com/Asabeneh/30-Days-Of-JavaScript

- 30 days of JavaScript programming challenge is a step by step guide to learn JavaScript programming language in 30 days.

9️⃣
https://github.com/leonardomso/33-js-concepts

- 33 concepts every JavaScript developer should know.

🔟
https://github.com/DrkSephy/es6-cheatsheet

- ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets
List of things you can do without using JavaScript😉

🖇️
https://github.com/you-dont-need/You-Dont-Need-JavaScript
Javascript audio plugins

1. HowlerJS

Audio library for the modern web.
howler.js makes working with audio in JavaScript easy and reliable across all platforms.

https://howlerjs.com/

2. ToneJS

Tone.js is a Web Audio framework for creating interactive music in the browser.

https://tonejs.github.io/


3. WavesurferJS

wavesurfer. js is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas.

https://wavesurfer-js.org/


4. VexFlow

VexFlow is an open-source online music notation rendering API. It is written completely in JavaScript, and runs right in the browser.

https://www.vexflow.com/


5. SoundJS

A JavaScript library that provides a simple API, and powerful features to make working with audio a breeze.

https://createjs.com/soundjs
Javascript video plugins

1. VideoJS
Make your player yours
with the world's most popular open source HTML5 player framework

https://videojs.com/

2. Plyr

A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo

https://plyr.io/

3. FlowPlayer

Designed for publishers, broadcasters, and digital media.

https://flowplayer.com/

4. PopcornJS

Mozilla's HTML5 Video Framework

https://github.com/menismu/popcorn-js
This media is not supported in your browser
VIEW IN TELEGRAM
Responsively - open source Front end tool to go a little beyond browser's devtools responsiveness 🔥
Skills you must know before you learn react

1. HTML&CSS
2. Fundamentals JavaScript &ES6
3. JavaScript XML(JSP)
4. Package manager(NPM//YARN)
5. GIT & CLI(Command line interface)
💛 JavaScript explanation 💛

This is the anatomy of a while-loop in JavaScript.
cheatsheets.pdf
11.8 MB
22 cheat sheets in a single PDF.

Table of content

1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
JavaScript Tip 💡

Did you know that you can trigger a "
scroll into view" on a specific element using a single function call in JavaScript?

You can even add a "
smooth" behavior to get a nice smooth scroll animation.

Try it for yourself 😎


#Javascripttip