[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
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
I found this cool GitHub repository called "First Contributions"
A complete guide to how to contribute to open-source projects.
Link -https://github.com/firstcontributions/first-contributions
A complete guide to how to contribute to open-source projects.
Link -https://github.com/firstcontributions/first-contributions
GitHub
GitHub - firstcontributions/first-contributions: 🚀✨ Help beginners to contribute to open source projects
🚀✨ Help beginners to contribute to open source projects - firstcontributions/first-contributions
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
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
🖇️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
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
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)
1. HTML&CSS
2. Fundamentals JavaScript &ES6
3. JavaScript XML(JSP)
4. Package manager(NPM//YARN)
5. GIT & CLI(Command line interface)
Forwarded from Learn CSS™
This media is not supported in your browser
VIEW IN TELEGRAM
Top 3 Ways to Center a DIV with CSS
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
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 "
You can even add a "
Try it for yourself 😎
#Javascripttip
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
JavaScript Tip 💡
Understanding closures.
A closure gives a function access to an outer function's scope, even if the inner function is invoked from a completely different context. #Javascripttip
Understanding closures.
A closure gives a function access to an outer function's scope, even if the inner function is invoked from a completely different context. #Javascripttip
JavaScript Tip 💡
Did you know that there's an easy way to destructure into existing variables? #Javascripttip
Did you know that there's an easy way to destructure into existing variables? #Javascripttip
Forwarded from All kind of Ebooks ™
https://drive.google.com/drive/u/1/folders/1aXlI-fNsCGmwrFLjSSkHA3FSTClnSSnb
Books of Following Programming Languages ✌️
Books of Following Programming Languages ✌️
✨7 Github Repos That Will Help You Ace Your Next Coding Interview✨
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
1. Coding Interview University
This is an excellent Github repository for new software engineers or those who are making a career switch from web development to software engineering.
https://github.com/jwasham/coding-interview-university
2. Awesome Interview Questions
It is a curated list of a variety of coding interview questions to test your knowledge. This repository is suitable for almost every role related to the field of software engineering and development.
https://github.com/DopplerHQ/awesome-interview-question
3. The System Design Primer
This repository serves as a fantastic reference to various system design topics.
Even if you are new to system design, this resource covers every principle and topic you need to know from the ground up.
https://github.com/donnemartin/system-design-primer
4. Interview Handbook
If you want to land a job but you are completely new to the entire process, this repository is a perfect place to find practical content that covers everything related to a technical interview.
https://github.com/yangshun/tech-interview-handbook
5. Interview
This repository is very similar to the Awesome Interview Questions repository discussed earlier.
It is essentially a curated list of various lectures, resources, books, and other such material to help you ace your coding interviews.
https://github.com/Olshansk/interview
6. JavaScript Algorithms
As the name suggests, the sole purpose of this repository is to prepare you for coding interviews that require JavaScript.
It contains examples of many popular algorithms and data structures implemented in JavaScript
https://github.com/trekhleb/javascript-algorithms
7. JavaScript Interview Questions & Answers
This Github repository aims to provide a summary of the most common and frequently asked questions.
This repo also contains coding exercises as well as a PDF version.
https://github.com/sudheerj/javascript-interview-questions
Top 9 project videos on YouTube every beginner should watch
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA
1️⃣ Chat application using React
https://youtu.be/jcOKU9f86XE
2️⃣ Portfolio using HTML and CSS
https://youtu.be/_xkSvufmjEs
3️⃣ Another portfolio tutorial
https://youtu.be/r_hYR53r61M
4️⃣ Todo list using JavaScript
https://youtu.be/Ttf3CEsEwMQ
5️⃣ COVID-19 tracker
https://youtu.be/khJlrj3Y6Ls
6️⃣ Weather app
https://youtu.be/wPElVpR1rwA
7️⃣ Amazon clone 9 hours long video
https://youtu.be/RDV3Z1KCBvo
8️⃣ JavaScript calculator
https://youtu.be/j59qQ7YWLxw
9️⃣ eCommerce voice recognition
https://youtu.be/4xwruFAvEHA