Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/krishnadevz/OpensourceResources

Free opensource Learning Resources related to Web-Development A to Z 🔥❤
https://github.com/krishnadevz/OpensourceResources

codecademy css egghead free freecodecamp fundamentals hacktoberfest hacktoberfest2021 html html-css-javascript javascript learning nodejs open-source react resources scrimba tutorials typescript webdevelopment

Last synced: about 2 months ago
JSON representation

Free opensource Learning Resources related to Web-Development A to Z 🔥❤

Awesome Lists containing this project

README 

        
# FreeLearningResources



Free Learning Resources related to Web-Development 🔥❤



# HTML+JAVASCRIPT+CSS



- [Introduction To Computer Science By Harvard University](https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi)

- [HTML, CSS, and Javascript for Web Developers ](https://www.classcentral.com/course/html-css-javascript-for-web-developers-4270)

- [HackerNoon Article for Free resources](https://hackernoon.com/top-5-free-online-courses-to-learn-html-css-web-development-in-2020-ae8e7466dfa7)

- [Tutorials on Webdevelopment by WebdevSimplified](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw)

- [CS50X](https://cs50.harvard.edu/x/2020/)

- [CS50 Youtube channel harvard all playlist included ](https://www.youtube.com/channel/UCcabW7890RKJzL968QWEykA)

- [CS50 short introductory tutorials on JS/algo/html/AJAX all building blocks covered playlist ](https://www.youtube.com/playlist?list=PLhQjrBD2T381k8ul4WQ8SQ165XqY149WW)\

- [A free guide to learn HTML and CSS](https://marksheet.io/)

- [Design guide](https://refactoringui.com)

- [Free HTML/CSS projects](https://www.codementor.io/projects/html_css)



# Other Web-dev essential resources



- [NPM course for beginners on udemy with 📝](https://www.udemy.com/course/npm-mastering-the-basics/)

- [React Hooks Course on Scrimba for free](https://scrimba.com/course/greacthooks/)

- [FreeApi List](https://public-apis.io/)

- [Nodejs Course by IBM](https://developer.ibm.com/technologies/node-js/articles/learn-node-unit-1-overview-nodejs-learning-path/)

- [Nodejs by IBM in year 2018 published](https://developer.ibm.com/tutorials/learn-nodejs-your-first-node-application/)



- [HarvardX CS50: An introduction to the intellectual enterprises of computer science and the art of programming.](https://www.edx.org/course/cs50s-introduction-to-computer-science)

- [Free Bootstrap 5 cheat sheet](https://bootstrap-cheatsheet.themeselection.com/)



- For more tutorials and resources you can look up more and contribute to this repo.



# Reactjs



- [Glitch: React Starter Kit](https://glitch.com/glimmer/post/react-starter-kit) - A free, 5-part video course with interactive code examples that will help you learn React.



- [Codecademy: React 101](https://www.codecademy.com/learn/react-101) - Codecademy's introductory course for React.



- [Egghead.io: Start Learning React](https://egghead.io/courses/start-learning-react) - This series will explore the basic fundamentals of React to get you started.



- [React Crash Course 2018](https://www.youtube.com/watch?v=Ke90Tje7VS0) - A beginner-friendly crash course through the most important React topics.



- [React Armory: Learn React by Itself](https://reactarmory.com/guides/learn-react-by-itself) - With React Armory, you can learn React without the buzzwords.



- [The Road to Learn React](https://www.robinwieruch.de/the-road-to-learn-react/) - Build a real world application in plain React without complicated tooling.



- [Egghead.io: The Beginner's Guide to ReactJS](https://egghead.io/courses/the-beginner-s-guide-to-reactjs) - Free course for React newbies and those looking to get a better understanding of React fundamentals.



- [Free React Bootcamp](https://tylermcginnis.com/free-react-bootcamp/) - Recordings from three days of a free online React bootcamp.



- [Scrimba: Learn React for free](https://scrimba.com/g/glearnreact) - 48 hands-on video tutorials building react apps.

- [React+TypeScript Vibe-happy-development](https://school.geekwall.in/p/B1y3G7-U4/react-typescript-happy-development) -React+TypeScript 30 minutes tutorial



- [DigitalOcean: Several tutorials involving usage of React](https://www.digitalocean.com/community/tutorials?q=react)



- [Free Reactjs projects](https://www.codementor.io/projects/reactjs)



# Vue.js



- [Learn Vue.js - Full Course for Beginners](https://www.youtube.com/watch?v=4deVCNJq3qc)



# hackerank Free Domain wise tutorials/challenges with certified badges



- [30 Days of Code](https://www.hackerrank.com/domains/tutorials)

- [10 Days of JavaScript](https://www.hackerrank.com/domains/tutorials)

- [10 Days of Statistics](https://www.hackerrank.com/domains/tutorials)



# List Of Youtubers those will help you to land as a successful web-developer



- [ComputerPhile](https://www.youtube.com/channel/UC9-y-6csu5WGm29I7JiwpnA)//best for learning foundational concepts of computer science.

- [Program With Erik](http://erik.video)

- [freeCodeCamp.org](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)

- [Programming with Mosh](https://www.youtube.com/user/programmingwithmosh)

- [Traversy Media](https://www.youtube.com/user/TechGuyWeb)

- [Derek Banas](https://www.youtube.com/user/derekbanas)

- [Caleb Curry](https://www.youtube.com/user/CalebTheVideoMaker2)

- [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)

- [Chris Hawkes](https://www.youtube.com/user/noobtoprofessional)

- [LearnCode.academy](https://www.youtube.com/user/learncodeacademy)

- [Eli the Computer Guy](https://www.youtube.com/user/elithecomputerguy)

- [Academind](https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w/featured)

- [Level Up Tuts](https://www.youtube.com/user/LevelUpTuts)

- [Codecourse](https://www.youtube.com/user/phpacademy)

- [DevTips](https://www.youtube.com/user/DevTipsForDesigners)

- [Tech Primers](https://www.youtube.com/channel/UCB12jjYsYv-eipCvBDcMbXw)

- [Wes Bos](https://www.youtube.com/user/wesbos)

- [Dev Ed](https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q)

- [Data School](https://www.youtube.com/user/dataschool)

- [Paul Halliday](https://www.youtube.com/channel/UCYJ9O6X1oFt7YGXpfRwrcWg)

- [Andre Madarang](https://www.youtube.com/channel/UCtb40EQj2inp8zuaQlLx3iQ)

- [Hitesh Choudhary](https://www.youtube.com/user/hiteshitube)

- [Jason Weimann](https://www.youtube.com/channel/UCX_b3NNQN5bzExm-22-NVVg)

- [Fireship](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA)

- [Ben Awad](https://www.youtube.com/user/99baddawg)

- [Coding Tech](https://www.youtube.com/channel/UCtxCXg-UvSnTKPOzLH4wJaQ)

- [Tech With Tim](https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg)

- [Corey Schafer](https://www.youtube.com/user/schafer5)

- [KodeKloud](https://www.youtube.com/user/mmumshad)

- [Online Tutorials](https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog)

- [Kevin Powell](https://www.youtube.com/user/KepowOb)

- [Chris Coyier](https://www.youtube.com/user/realcsstricks)

- [mmtuts](https://www.youtube.com/user/TheCharmefis)

- [Web Dev Simplified](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw)

- [CodingTheSmartWay](https://www.youtube.com/channel/UCLXQoK41TOcIsWtY-BgB_kQ)

- [Red Stapler](https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg)

- [ProgrammingKnowledge](https://www.youtube.com/user/ProgrammingKnowledge)

- [LearnWebCode](https://www.youtube.com/user/LearnWebCode)

- [Darrel Wilson](https://www.youtube.com/channel/UC5alq-VmYnfQZt7YaNgdcGw)

- [Layout Land](https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag)

- [Back to Back SWE](https://www.youtube.com/channel/UCmJz2DV1a3yfgrR7GqRtUUA)

- [Sentdex](https://www.youtube.com/channel/UCfzlCWGWYyIQ0aLC5w48gBQ)

- [John Philip Jones](https://www.youtube.com/user/johnphilipjones)

- [Qirolab](https://www.youtube.com/channel/UCJLGFWQfHhE9ENHHqgMXiow)

- [WPCasts](https://www.youtube.com/c/WPCasts)

- [A Plus Coding](https://www.youtube.com/channel/UC-pLL_SFEm6B9Eeyr-V424Q)

- [Kirupa Chinnathambi](https://www.youtube.com/user/kirupa/videos)

- [Coding Addict](https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA/videos)

- [Codecourse](https://www.youtube.com/user/phpacademy/videos)

- [Steve Griffith](https://www.youtube.com/channel/UCTBGXCJHORQjivtgtMsmkAQ/videos)

- [Classsed](https://www.youtube.com/channel/UC2-slOJImuSc20Drbf88qvg/videos)

- [Chris Courses](https://www.youtube.com/channel/UC9Yp2yz6-pwhQuPlIDV_mjA/videos)

- [Flutter(Official)](https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw)

- [Sykoo](https://www.youtube.com/user/SykooTV)

- [DesignCourse](https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow)

- [Colt Steele](https://www.youtube.com/channel/UCrqAGUPPMOdo0jfQ6grikZw)

- [Real Python](https://www.youtube.com/channel/UCI0vQvr9aFn27yR6Ej6n5UA)

- [MTECHVIRAL](https://www.youtube.com/channel/UCFTM1FGjZSkoSPDZgtbp7hA/videos)

- [OverSeas Media](https://www.youtube.com/channel/UCPsBHZLaXkZ_mmapD8vBLXg)

- [I Am Tim Corey](https://www.youtube.com/user/IAmTimCorey)

- [Yury Kashnitsky](https://www.youtube.com/channel/UCgGADKKGalfwSNbpSyM5ryg)

- [Jeremy Howard](https://www.youtube.com/channel/UCX7Y2qWriXpqocG97SFW2OQ)

- [Codepunk](https://www.youtube.com/c/codepunk)

- [Lee Gaines](https://www.youtube.com/c/leegaines)

- [FusedVR](https://www.youtube.com/channel/UCLO98KHpNx6JwsdnH04l9yQ)

- [Weibenfalk](https://www.youtube.com/c/weibenfalk)

- [Filled Stacks](https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q)

- [CoffeeBeforeArch](https://www.youtube.com/channel/UCsi5-meDM5Q5NE93n_Ya7GA)

- [CodeBlobsTV](https://www.youtube.com/channel/UCxhcaC1wjUuFq3fC95i48fA)

- [Florin Pop](https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA)

- [Real Python](https://www.youtube.com/channel/UCI0vQvr9aFn27yR6Ej6n5UA)

- [codeSTACKr](https://www.youtube.com/codestackr)

- [Claudio Bernasconi](https://www.youtube.com/channel/UCTbHPk0bIOQwTXuGgD195bw)

- [ResoCoder](https://www.youtube.com/channel/UCSIvrn68cUk8CS8MbtBmBkA)

- [Webslesson](https://www.youtube.com/channel/UC8Nbgc4vUi27HgBv2ffEiHw)

- [Codedamn](https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ)

- [London App Brewery](https://www.youtube.com/channel/UCVD5Vh9LhLBxp3o1vRNyf_w)

- [Coding From Null](https://www.youtube.com/channel/UC9Psp9-p9jgHfDBReAAcZ3w)

- [VueScreencasts](https://www.youtube.com/channel/UCJasK7cAgRz1RGMJCoRLXXQ/)

- [dcode](https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g)

- [CodeLit](https://www.youtube.com/channel/UCUmQhjjF9bsIaVDJUHSIIKw)

- [JavaBrains](https://www.youtube.com/channel/UCYt1sfh5464XaDBH0oH_o7Q)

- [Telusko](https://www.youtube.com/user/javaboynavin)

- [kudvenkat](https://www.youtube.com/user/kudvenkat)

- [Awais Mirza](https://www.youtube.com/channel/UCIKbbV7ae7LAWa8cGnvjSPA)

- [Amigoscode](https://www.youtube.com/channel/UC2KfmYEM4KCuA1ZurravgYw)

- [Coder's Tape](https://www.youtube.com/channel/UCQI-Ym2rLZx52vEoqlPQMdg)

- [Dan Vega](https://www.youtube.com/danvega)

- [Code With Andrea](https://www.youtube.com/channel/UCrTnsT4OYZ53l0QGKqLeD5Q/videos)

- [DarkCode](https://www.youtube.com/channel/UCD3KVjbb7aq2OiOffuungzw/videos)

- [Devefy](https://www.youtube.com/channel/UC9dwxEAvy-zCMAS7rdox46w/videos)

- [Inspire UI](https://www.youtube.com/user/minhcasi/videos)

- [Alessandro Castellani](https://www.youtube.com/user/williamprey)



### Live Coding



> These channels live code.



- [Coding Garden With CJ](https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw)

- [The Coding Train](https://www.youtube.com/user/shiffman)



## Hindi



- [Mentorsadda](https://www.youtube.com/user/Mentorsadda)

- [edureka! Hindi](https://www.youtube.com/channel/UCywyZ4r4FTKExrPl9rf-ggw)

- [Websofttutorials](https://www.youtube.com/user/websofttutorials)

- [CodeWithHarry](https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww)

- [C++ by saurabh shukla sir](https://www.youtube.com/channel/UCD-scAE4ju78dld1kpcsQfQ)

- [Java by saurabh shukla sir](https://www.youtube.com/channel/UCGR3vMYA20JJDQvGFccujdA)

- [Free Programmer](https://www.youtube.com/channel/UC0uT-8UEmS5LtDj4_d51zkQ)

- [Durgasoft solutions](https://www.youtube.com/user/durgasoftware)

- [Technical Suneja](https://www.youtube.com/channel/UCHIbErciyS3Hs0kjAz-at5Q)

- [Love Babbar](https://www.youtube.com/channel/UCQHLxxBFrbfdrk1jF0moTpw)

- [Abdul Bari](https://www.youtube.com/channel/UCZCFT11CWBi3MHNlGf019nw)

- [Jenny's lectures CS/IT NET&JRF](https://www.youtube.com/channel/UCM-yUTYGmrNvKOCcAl21g3w)

- [Geeky Shows](https://www.youtube.com/user/GeekyShow1)

- [KNOWLEDGE GATE](https://www.youtube.com/channel/UCA6yfpYhy5sWMjRGOT-OAIQ/)

- [Tutorials Point (India) Ltd.](https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg)

- [Bhagwan Singh Vishwakarma](https://www.youtube.com/channel/UCBmdoqkBaIUh128ffq8XATw)

  Today i am going to tell you guys about Which resources/Learning-Labs GitHub provide for free.



**Learning Path First Basic of GitHub/Git**

In this path they cover everything basics related to GitHub/Git list as follows



- [First Day on GitHub](https://lab.github.com/githubtraining/paths/first-day-on-github)

- [First Week on GitHub](https://lab.github.com/githubtraining/paths/first-week-on-github)

- [InnerSource: theory to practice](https://lab.github.com/githubtraining/paths/innersource:-theory-to-practice)

- [Become an open source enterprise](https://lab.github.com/githubtraining/paths/become-an-open-source-enterprise)

- [GitHub Universe Workshops](https://lab.github.com/githubtraining/paths/github-universe-workshops)

- [Ramp up on Git and GitHub](https://lab.github.com/githubtraining/paths/ramp-up-on-git-and-github)

- [Setuping Blog with GitHub pages](https://lab.github.com/githubtraining/github-pages)



**Most Important thing Comes Now Languages/Tools&Technologies**



- [Introduction to HTML](https://lab.github.com/githubtraining/introduction-to-html)

- [Introduction to Node with Express](https://lab.github.com/everydeveloper/introduction-to-node-with-express)

- [Introduction to Python](https://lab.github.com/everydeveloper/introduction-to-python)

- [Intermediate Python](https://lab.github.com/everydeveloper/intermediate-python)

- [Intermediate NodeJS Course with MongoDB crudApp](https://lab.github.com/everydeveloper/intermediate-nodejs-course)

- [Introduction to Ruby ](https://lab.github.com/everydeveloper/introduction-to-ruby)

- [TensorFlow Image Processing ](https://lab.github.com/everydeveloper/introduction-to-tensorflow)

- [Get Started with TensorFlow ](https://lab.github.com/everydeveloper/advance-tensorflow)

- [Introduction to Java ](https://lab.github.com/everydeveloper/introduction-to-java)

- [Introduction to PHP ](https://lab.github.com/everydeveloper/introduction-to-php)

- [Introduction to Design Thinking ](https://lab.github.com/githubtraining/introduction-to-design-thinking)

- [starting-with-typescript ](https://lab.github.com/michael-spengler/starting-with-typescript)

- [Introduction to React ](https://lab.github.com/githubtraining/introduction-to-react)

And many more Nodejs/rest-Api/Store-Framework You can check it out that adding links suck now move forward👀



**DevOps with GitHub**



- [GitHub Actions: Continuous Delivery with AWS ](https://lab.github.com/githubtraining/github-actions:-continuous-delivery-with-aws)

- [GitHub Actions: Continuous Integration ](https://lab.github.com/githubtraining/github-actions:-continuous-integration)

- [GitHub Actions: Publish to GitHub Packages ](https://lab.github.com/githubtraining/github-actions:-publish-to-github-packages)

- [GitHub Actions: Writing JavaScript Actions ](https://lab.github.com/githubtraining/github-actions:-writing-javascript-actions)

- [Getting started with GitHub Apps ](https://lab.github.com/githubtraining/getting-started-with-github-apps)

- [Continuous integration with CircleCI ](https://lab.github.com/githubtraining/continuous-integration-with-circleci)

- [Continuous integration with Travis CI ](https://lab.github.com/githubtraining/continuous-integration-with-travis-ci)



And more Learning-labs on GitHub Enterprise you can check it out that 
On👉[GithubLearningLabs](https://lab.github.com/)



# Docker



- [The Docker Handbok](https://www.freecodecamp.org/news/the-docker-handbook/)



# Free Opensource sites for reading blogs



- - [Dev.to🔥 ](https://dev.to/)



# Game Dev Youtube channels



- [Best Game Dev channel C++ by javidx9](https://www.youtube.com/channel/UC-yuWVUplUJZvieEligKBkA)



# React And Firebase



- [A Firebase in React Tutorial for Beginners](https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial)

- [Getting Started with React and Firebase - Firecasts](https://www.youtube.com/watch?v=mwNATxfUsgI)



Final TipAfter learning basics of HTML/CSS/JS You can go for Freecodecamp certifications those can help you .



# Please add more resources if you have any i will definitely merge you PR and day by day i am also going to add more resources .