Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much more and completely Open Source. Made with ♥ by Kunal Keshan.
Table of Contents:
- Collection
- 30 Seconds Of Interviews, Cloudcraft, Postman Academy, SAVEE, freeCodeCamp, The Odin Project, Choose a License, CSSBattle, B. Tech ECE Notes, Fontjoy, CSS Grid Garden, Learn Git Branching, Regexr, Patterns, 10 Fast Fingers (Typing Tests), Stack Overflow, Geeks For Geeks, Crontab Guru, TOOOLS.design, Checklist Design, remove.bg, figma, Dev.to, Hashnode, Internshala, Canva, Dribbble, Behance, Meta Tags Generator, Mozilla Developer Network (MDN), CSSFX, Beautiful CSS box-shadow examples, CSS-Tricks, CSS {In Real Life}, HTMLHell, JavaScript Tips, React JS Documentation, Coursera, Node JS, NPTEL (National Programme on Technology Enhanced Learning), edX, Udemy, Varsity by Zerodha, Introduction to Web Development by Web Dev Simplified, HTML Crash Course For Absolute Beginners by Traversy Media, CSS Crash Course For Absolute Beginners by Traversy Media, JavaScript Crash Course For Absolute Beginners by Traversy Media, Web.dev, Public APIs, Random user, Zero to Mastery, Z-Library, Codechef, Hackerrank, Leetcode, Pluralsight, NextUI, daisyUI, Headless UI, React Aria, Radix, React.gg, HTML Head, Business Model Analyst, Resume.io, Flexbox Froggy,
| A curated collection of common interview questions to help you prepare for your next interview. | web development, html, css, javascript, react, node, security, career, interview, programming, coding, frontend, backend, learning, github, free |
|---|
Visit Website: https://30secondsofinterviews.org/
Visit GitHub: https://github.com/30-seconds/30-seconds-of-interviews
 |
A site where you can create smart URL diagrams and visualize your cloud architecture easily | aws, cloud diagrams, cloud architecture, tools, programming, coding, web development |
|---|
Visit Website: https://www.cloudcraft.co/
Visit GitHub: https://github.com/cloudcraft
 |
A home base for students to learn about APIs and Postman hands-on, and get certifications proving your skills | web development, coding, programming, learning, free, tools |
|---|
Visit Website: https://academy.postman.com/
Visit GitHub: https://github.com/postmanlabs
 |
SAVEE is a platform for you to get inspired save everything you love, right on your phone. Save images straight from Instagram and your browser. | graphic design, ui/ux, pinboard, moodboard |
|---|
Visit Website: https://savee.it/
 |
freeCodeCamp is a community of millions of people around the world who are learning to code together. You can learn to code with free online courses, programming projects, and interview preparation for developer jobs. | career, programming, web development, javascript, frontend, backend, coding, learning, courses, github, all, free, certification |
|---|
Visit Website: https://www.freecodecamp.org/
Visit GitHub: https://github.com/freeCodeCamp
 |
The Odin Project provides a free open source coding curriculum that can be taken entirely online. | career, programming, web development, javascript, frontend, backend, coding, learning, courses, all, free, github, certification |
|---|
Visit Website: https://www.theodinproject.com/
Visit GitHub: https://github.com/TheOdinProject
| Non-judgmental guidance on choosing a license for your open source project | github, open source, tools, productivity |
|---|
Visit Website: https://choosealicense.com/
Visit GitHub: https://github.com/github/choosealicense.com
 |
CSSBattle is an online CSS Code Golfing game. Here, players from all around the world try to visually replicate "Targets" in smallest possible CSS code and battle it out to get to the top of the leaderboard. | programming, web development, javascript, frontend, coding, css, html, learning, free, practice |
|---|
Visit Website: https://cssbattle.dev/
 |
Collection of all notes of SRMIST B.Tech Electronics and Communications Dept. for the academic year: 2020-24. | open source, ece, github, free, notes, srmist, college, study |
|---|
Visit Website: https://notes.kunalkeshan.dev
Visit GitHub: https://github.com/kunalkeshan/SRMIST-B.Tech-ECE-Notes-2022-24
 |
Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing | font-pairing, graphic design, free |
|---|
Visit Website: https://fontjoy.com/
| A game for learning CSS grid layout | open source, css, github, frontend, web development, learning, study, free, practice |
|---|
Visit Website: https://cssgridgarden.com/
Visit GitHub: https://github.com/thomaspark/gridgarden/
| An interactive Git visualization tool to educate and challenge! | frontend, web development, learning, study, free, react, javascript, jsx, practice |
|---|
Visit Website: https://learngitbranching.js.org/
Visit GitHub: https://github.com/pcottle/learnGitBranching
 |
RegExr is an online tool to learn, build and test Regular Expressions. | javascript, web development, tools, practice, productivity, programming, open source, github |
|---|
Visit Website: https://regexr.com/
Visit GitHub: https://github.com/gskinner/regexr/
 |
Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. | open source, css, github, frontend, web development, learning, study, free, practice, git |
|---|
Visit Website: https://www.patterns.dev/
 |
Test & Improve your Typing Speed with our free Typing Games | practice, productivity, tools, typing, programming, coding, free |
|---|
Visit Website: https://10fastfingers.com/
 |
Stack Overflow is a question and answer website for professional and enthusiast programmers. | practice, productivity, tools, web development, all, programming, coding, free, frontend, backend, react, javascript, html, css, git, github |
|---|
Visit Website: https://stackoverflow.com/
 |
A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. | practice, productivity, tools, web development, all, programming, coding, free, frontend, backend, react, javascript, html, css, git, github, dsa, competitive coding |
|---|
Visit Website: https://www.geeksforgeeks.org
 |
The quick and simple editor for cron schedule expressions by Cronitor | tools, productivity, programming, backend |
|---|
Visit Website: https://crontab.guru/
 |
A growing archive of over a thousand design resources, weekly updated for the community. Discover highly useful design tools you never thought existed. | graphic design, ui/ux, productivity, graphic design, free |
|---|
Visit Website: https://www.toools.design/
 |
A collection of the best design practices. | practice, productivity, tools, graphic design, ui/ux, frontend, free, html |
|---|
Visit Website: https://www.checklist.design/
 |
Remove Image Background. 100% Automatically and Free | productivity, tools, graphic design, ui/ux, frontend, free |
|---|
Visit Website: https://www.remove.bg/
 |
With Figma, everyone works towards a shared goal. This has enabled product teams to ship new products faster and feel more confident in their decisions. | graphic design, graphic design, ui/ux, free, productivity |
|---|
Visit Website: https://www.figma.com/
Visit GitHub: https://github.com/figma
 |
DEV is a community of software developers getting together to help one another out. The software industry relies on collaboration and networked learning. We provide a place for that to happen. | productivity, blogging, free, web development, community |
|---|
Visit Website: https://dev.to/
 |
The hassle-free blogging platform for engineers, thought-leaders, and the dev community! Blog on a custom domain, own your content and share your ideas with the world. | productivity, blogging, free, web development, community |
|---|
Visit Website: https://hashnode.com/
| Internshala is India's no.1 internship and training platform with 40000+ paid internships in Engineering, MBA, media, law, arts, and other streams. | career, interview, internship, programming, engineering, web development |
|---|
Visit Website: https://internshala.com/
 |
Canva is an Australian graphic design platform, used to create social media graphics, presentations, posters, documents and other visual content. | productivity, tools, graphic design, ui/ux, free |
|---|
Visit Website: https://www.canva.com/
 |
Dribbble is a self-promotion and social networking platform for digital designers and creatives. | productivity, tools, graphic design, ui/ux, frontend, free, practice |
|---|
Visit Website: https://dribbble.com/
 |
Behance is a social media platform owned by Adobe whose main focus is to showcase and discover creative work. | productivity, tools, graphic design, ui/ux, frontend, free, practice |
|---|
Visit Website: https://www.behance.net/
 |
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more! | productivity, tools, frontend, free, web development, html |
|---|
Visit Website: https://metatags.io/
 |
MDN Web Docs is an open-source, collaborative project documenting Web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide an extensive set of learning resources for beginning developers and students | javascript, documentation, programming, coding, github, open source, web development, backend |
|---|
Visit Website: https://developer.mozilla.org/
Visit GitHub: https://github.com/mdn/
 |
A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and MIT licensed. | css, web development, frontend |
|---|
Visit Website: https://cssfx.netlify.app/
Visit GitHub: https://github.com/jolaleye/cssfx
 |
Beautiful CSS box-shadow examples with their code snippets, that can be copied over with just a single click. | css, web development, frontend |
|---|
Visit Website: https://getcssscan.com/css-box-shadow-examples
 |
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development. | web development, css, html, web development, blogging, community, javascript |
|---|
Visit Website: https://css-tricks.com/
 |
Tips, tricks and tutorials on the web’s most beautiful language. | web development, css, html, web development, blogging, community, javascript |
|---|
Visit Website: https://css-irl.info/
 |
A collection of bad practices in HTML, copied from real websites. | web development, css, html, web development, blogging, community |
|---|
Visit Website: https://www.htmhell.dev/
| JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing. | javascript, documentation, programming, coding, github, open source, framework, web development, jsx, react, angular |
|---|
Visit Website: https://www.jstips.co/
Visit GitHub: https://github.com/loverajoel/jstips
 |
A JavaScript library for building user interfaces. | javascript, documentation, programming, coding, github, open source, typescript, framework, web development, jsx, react |
|---|
Visit Website: https://reactjs.org/
Visit GitHub: https://github.com/facebook/react
 |
Coursera is the global online learning platform that offers anyone, anywhere access to online courses and degrees from world-class universities and companies. | career, programming, coding, learning, courses, all, certification, college |
|---|
Visit Website: https://www.coursera.org/
 |
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on a JavaScript Engine and executes JavaScript code outside a web browser, which was designed to build scalable network applications. | library, web development, tools, typing, programming, coding, backend, node, frontend, documentation, open source |
|---|
Visit Website: https://nodejs.org/
| NPTEL is a joint venture of the IITs and IISc, funded by the Ministry of Education (MoE) Government of India, and was launched in 2003. | free, notes, college, study, notes, courses, certification |
|---|
Visit Website: https://nptel.ac.in/
| edX is an American massive open online course provider created by Harvard and MIT. | career, programming, coding, learning, courses, all, certification, college |
|---|
Visit Website: https://www.edx.org/
 |
Udemy is an online learning and teaching marketplace with over 204000 courses and 54 million students. | career, programming, coding, learning, courses, all, certification, college |
|---|
Visit Website: https://www.udemy.com/
 |
Varsity by Zerodha - Markets, Trading, and Investing Simplified. | learning, free, finance |
|---|
Visit Website: https://zerodha.com/varsity/
 |
If you are just starting you web development journey this is the only course you will need to get up and running with all of the technology that you will need to start creating web pages today. | learning, free, web development, youtube, html, css, javascript |
|---|
Visit Website: https://www.youtube.com/playlist?list=PLZlA0Gpn_vH-cEDOofOujFIknfZZpIk3a
 |
In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after | learning, free, web development, youtube, html |
|---|
Visit Website: https://youtu.be/UB1O30fR-EE
|
In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. | learning, free, web development, youtube, css |
|---|
Visit Website: https://youtu.be/yfoY53QXEnI
|
In this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc. This is the starting point on my channel for learning JS. | learning, free, web development, youtube, css |
|---|
Visit Website: https://youtu.be/hdI2bqOjy3c
 |
Google believes in an open, accessible, private, and secure web. We want to help developers take advantage of the latest modern technologies to build amazing user experiences for everyone. | learning, free, web development, youtube, css |
|---|
Visit Website: https://web.dev/
 |
A collective list of free APIs | open source, github, free, learning, web development |
|---|
Visit Website: https://github.com/public-apis/public-apis
Visit GitHub: https://github.com/public-apis/public-apis
 |
A free, open-source API for generating random user data. Like Lorem Ipsum, but for people. | open source, github, free |
|---|
Visit Website: https://randomuser.me/
Visit GitHub: https://github.com/RandomAPI/Randomuser.me-Node
 |
Lets Git started in the world of opensource, starting in the Zero to mastery's opensource playground. | open source, web development, practice, programming, coding |
|---|
Visit Website: https://github.com/zero-to-mastery
Visit GitHub: https://github.com/zero-to-mastery
 |
Part of Z-Library project. The world's largest ebook library | learning, library |
|---|
Visit Website: https://b-ok.asia/
 |
Practice more than 3000 problems across varying difficulty ratings and Popular topics. Curated for everyone, including novice and seasoned programmers. | free, coding, programming, dsa, practice |
|---|
Visit Website: https://www.codechef.com/
 |
HackerRank is a technology hiring platform that is the standard for assessing developer skills for over 2,800+ companies around the world. | coding, dsa, programming, practice |
|---|
Visit Website: https://www.hackerrank.com/
 |
LeetCode is the best platform to help you enhance your skills, expand your knowledge and prepare for technical interviews. | interview, coding, dsa |
|---|
Visit Website: https://leetcode.com/
 |
Pluralsight is an online learning and teaching marketplace with over 25k courses and 20 million students | interview, coding, dsa |
|---|
Visit Website: https://pluralsight.com/
| Beautiful, Modern and fast react library which Make beautiful websites regardless of your design experience. It includes pre-built components which are highly customisable | programming, web development, javascript, frontend, coding, css, free |
|---|
Visit Website: https://nextui.org/
| A free and open-source Tailwind CSS based component library. | frontend, css, react, tailwindcss |
|---|
Visit Website: https://daisyui.com/
Visit GitHub: https://github.com/saadeghi/daisyui
 |
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. | frontend, css, react, tailwindcss |
|---|
Visit Website: https://headlessui.com/
Visit GitHub: https://github.com/tailwindlabs/headlessui
 |
React Aria is a collection of React hooks that implement accessible UI patterns. | frontend, css, react, library |
|---|
Visit Website: https://react-spectrum.adobe.com/react-aria/
Visit GitHub: https://github.com/adobe/react-spectrum
 |
Radix is a React component library that provides accessible, fully customizable UI primitives. | frontend, css, react, library |
|---|
Visit Website: https://www.radix-ui.com/
Visit GitHub: https://github.com/radix-ui
 |
The interactive way to master modern React | frontend, react, framework, library, web development, practice |
|---|
Visit Website: https://react.gg/
 |
A simple guide to HTML elements | frontend, web development, html, learning, coding |
|---|
Visit Website: https://htmlhead.dev/
 |
Business Model Examples and Types using the Business Model Canvas for Detailed Analysis of the Most Innovative Companies and Startups. | business, startup |
|---|
Visit Website: https://businessmodelanalyst.com/
 |
Create your job winning resume for free, choose between thousands of resume templates and cover letters. Write your professional resume in 5 minutes | productivity, tools, career, internship, interview, resume |
|---|
Visit Website: https://resume.io/
| A game for learning CSS flexbox | web development, frontend, css, learning, coding |
|---|
Visit Website: https://flexboxfroggy.com/
Visit GitHub: https://github.com/thomaspark/flexboxfroggy/