starred/ultimate-coding-resources
1
0
Fork 0
mirror of https://github.com/Dylan-Israel/ultimate-coding-resources.git synced 2026-08-24 10:14:37 -05:00
Code Issues Packages Projects Releases Wiki Activity
Files
7bde1146a255295b8fab74374cfb5380a1eda503
ultimate-coding-resources/README.md
T
Dylan C. IsraelandGitHub 7bde1146a2 Added 1 
- add Program with Erik YouTube
2020-03-11 16:19:12 -04:00

999 lines
53 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<h1>Ultimate Coding Resources List</h1>
<p>A collection of the best resources for programming, web development, computer science and more.</p>
<small>DISCLAIMER: it is worth mentioning that a portion of resources (mainly courses and books) included have affiliate
links or items
mentioned are projects I have built that I directly benefit from their sale or use.</small>
<details open>
<summary>Books</summary>
<ol>
<li><a href="https://amzn.to/2N0dzNb" target="blank">Clean Architecture</a> - by applying universal rules of
software architecture, you can dramatically improve developer productivity throughout the life of any software
system. Now, building upon the success of his best-selling books Clean Code and The Clean Coder, legendary
software craftsman Robert C. Martin (“Uncle Bob”) reveals those rules and helps you apply them.</li>
<li>
<a href="https://amzn.to/2JIjOrz" target="blank">Clean Code: A Handbook of Agile Software Craftsmanship</a> - even
bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year,
countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that
way.
</li>
<li><a href="https://amzn.to/2L6mcE0" target="blank">Code Complete</a> - widely considered one of the best practical
guides to programming, Steve McConnell’s original CODE COMPLETE has been helping developers write better software
for more than a decade. </li>
<li><a href="https://amzn.to/2MlI3wW" target="blank">Cracking the Coding Interview</a> - learn how to uncover the
hints and hidden details in a question, discover how to break down a problem into manageable chunks, develop
techniques to unstick yourself when stuck, learn (or re-learn) core computer science concepts, and practice on 189
interview questions and solutions.</li>
<li><a href="https://amzn.to/2NPhvRX" target="blank">The Clean Coder</a> - this book is packed with practical
advice–about everything from estimating and coding to refactoring and testing. It covers much more than technique:
It is about attitude. Martin shows how to approach software development with honor, self-respect, and pride; work
well and work clean; communicate and estimate faithfully; face difficult decisions with clarity and honesty; and
understand that deep knowledge comes with a responsibility to act.</li>
<li><a href='http://amzn.to/2BNciX2' target="blank">The Complete Software Developer's Career Guide</a> - early in
his software developer career, John Sonmez discovered that technical knowledge alone isn't enough to break through
to the next income level - developers need "soft skills" like the ability to learn new technologies just in time,
communicate clearly with management and consulting clients, negotiate a fair hourly rate, and unite teammates and
coworkers in working toward a common goal.</li>
<li><a href="https://amzn.to/39O7hMm" target="blank">The Pragmatic Programmer</a> - Dave Thomas and Andy Hunt wrote
the first edition of this influential book in 1999 to help their clients create better software and rediscover the
joy of coding. Topics range from personal responsibility and career development to architectural techniques for
keeping your code flexible and easy to adapt and reuse. </li>
<li>
<a href="https://amzn.to/37JCaQj" target="blank">The Mythical Man-Month: Essays on Software Engineering</a> - Few
books on software project management have been as influential and timeless as The Mythical Man-Month. With a blend
of software engineering facts and thought-provoking opinions, Fred Brooks offers insight for anyone managing
complex projects.
</li>
<li>
<a href="https://amzn.to/2s7BKEk" target="blank">Soft Skills: The software developer's life manual</a> - Soft
Skills: The software developer's life manual is a unique guide, offering techniques and practices for a more
satisfying life as a professional software developer. In it, developer and life coach John Sonmez addresses a wide
range of important "soft" topics.
</li>
<li>
<a href="https://amzn.to/35DDaUU" target="blank">HTML and CSS: Design and Build Websites</a> - Introduces HTML and
CSS in a way that makes them accessible to everyone―hobbyists, students, and professionals―and it’s full-color
throughout.
Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging.
</li>
<li>
<a href="https://amzn.to/2FvYl0e" target="blank">Head First Design Patterns: A Brain-Friendly Guide</a> - At any
given moment, someone struggles with the same software design problems you have. And, chances are, someone else
has already solved your problem. This edition of Head First Design Patterns shows you the tried-and-true,
road-tested patterns used by developers to create functional, elegant, reusable, and flexible software.
</li>
<li>
<a href="https://amzn.to/2T4zrNk" target="blank">Grokking Algorithms: An illustrated guide for programmers and
other curious people</a> - Grokking Algorithms is a fully illustrated, friendly guide that teaches you how to
apply common algorithms to the practical problems you face every day as a programmer. You'll start with sorting
and searching and, as you build up your skills in thinking algorithmically, you'll tackle more complex concerns
such as data compression and artificial intelligence.
</li>
<li><a href="https://amzn.to/37KZsFq" target="blank">A Smarter Way to Learn JavaScript. The new tech-assisted
approach that requires half the effort</a> - Learning JavaScript is hell because of two problems.
I remove the problems, and you start having fun.
The first problem is retention. You remember only ten or twenty percent of what you read. That spells failure. To
become fluent in a computer language, you have to retain pretty much everything.</li>
<li>
<a href="https://amzn.to/2N3fnqX" target="blank">Code: The Hidden Language of Computer Hardware and Software</a> -
What do flashlights, the British invasion, black cats, and seesaws have to do with computers? In CODE, they show
us the ingenious ways we manipulate language and invent new means of communicating with each other. And through
CODE, we see how this ingenuity and our very human compulsion to communicate have driven the technological
innovations of the past two centuries.
</li>
<li>
<a href="https://amzn.to/2ZYNDsJ" target="blank">Eloquent JavaScript: A Modern Introduction to Programming</a> -
JavaScript lies at the heart of almost every modern web application, from social apps like Twitter to
browser-based game frameworks like Phaser and Babylon. Though simple for beginners to pick up and play with,
JavaScript is a flexible, complex language that you can use to build full-scale applications.
</li>
<li>
<a href="https://amzn.to/2TWfwPg" target="blank">Structure and Interpretation of Computer Programs</a> - Structure
and Interpretation of Computer Programs has had a dramatic impact on computer science curricula over the past
decade. This long-awaited revision contains changes throughout the text. There are new implementations of most of
the major programming systems in the book, including the interpreters and compilers, and the authors have
incorporated many small changes that reflect their experience teaching the course at MIT since the first edition
was published. A new theme has been introduced that emphasizes the central role played by different approaches to
dealing with time in computational models: objects with state, concurrent programming, functional programming and
lazy evaluation, and nondeterministic programming.
</li>
</ol>
</details>
<details open>
<summary>Courses</summary>
<ol>
<li>
<a href="http://dylanisrael.com/?course=fe-interview" target="blank">The 100 Front End Interview Questions
Challenge</a> -
By the end of the course you'll be able to pass a front end technical screen covering the fundamentals of front
end web development HTML, CSS, and JavaScript. We also will dive into interview prep, cultural questions, and
general HR screening questions.
</li>
<li>
<a href="http://dylanisrael.com/?course=100-algorithms" target="blank">100 Algorithms Challenge</a> - Technical
interviews are the filter between good and great developers. At least that is how the industry sees it. In this
course we will up your problem solving ability and speed with 100 algorithm problems and solutions.
</li>
<li>
<a href="https://online-learning.harvard.edu/course/cs50-introduction-computer-science" target="blank">Harvard
CS50</a> An introduction to the intellectual enterprises of computer science and the art of programming by
Harvard University.
</li>
</ol>
</details>
<details open>
<summary>Sites</summary>
<details open>
<summary>Sites - Coding Platforms</summary>
<ol>
<li>
<a href="https://www.freecodecamp.org/" target="blank">FreeCodeCamp</a> - Learn to code. Build projects. Earn
certifications. Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies
including
</li>
<li>
<a href="https://scrimba.com/" target="blank">Scrimba</a> - Our mind-blowing learning experience makes it easier
than ever to grow your coding skills. So pick a course, start learning, and give your career the boost it
deserves.
</li>
<li>
<a href="https://codecombat.com/" target="blank">CodeCombat</a> - CodeCombat is a game-based computer science
program where students type real code and see their characters react in real time.
</li>
<li>
<a href="https://www.sololearn.com/" target="blank">SoloLearn</a> - Join the largest community of mobile code
learners today.
</li>
<li>
<a href="https://www.codingame.com/start" target="blank">Coding Game</a> - At CodinGame, our goal is to let
programmers keep on improving their coding skills by solving the World's most challenging problems, learn new
concepts, and get inspired by the best developers.
</li>
<li>
<a href="https://www.theodinproject.com/" target="blank">The Odin Project</a> - The Odin Project is one of those
"What I wish I had when I was learning" resources. Not everyone has access to a computer science education or
the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project
is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality
education.
</li>
<li>
<a href="https://bento.io/" target="blank">Bento</a> - Bento's mission is to make technology education and
opportunity available to all. Bento is a technology education company focused on educating and empowering the
next generation of self-taught developers.
</li>
<li>
<a href="https://www.codecademy.com/" target="blank">Codecademy</a> - Codecademy is an education company. But
not one in the way you might think. We’re committed to building the best learning experience inside and out,
making Codecademy the best place for our team to learn, teach, and create the online learning experience of the
future.
</li>
<li>
<a href="https://pluralsight.pxf.io/YaAdK" target="blank">Pluralsight</a> - At Pluralsight, we believe everyone
should have the opportunity to create progress through technology and develop the skills of tomorrow. With
assessments, learning paths and courses authored by industry experts, our platform helps businesses and
individuals benchmark expertise across roles, speed up release cycles and build reliable, secure products.
</li>
<li>
<a href="https://teamtreehouse.com/" target="blank">Treehouse</a> - Our mission is to diversify the tech
industry through accessible education and apprenticeship, unlocking the door to opportunity and empowering
people to achieve their dreams.
</li>
<li>
<a href="https://frontendmasters.com/" target="blank">FrontEndMasters</a> - Join Now and Learn Straight from the
Experts Who Shape the Modern Web
</li>
<li>
<a href="https://linkedin-learning.pxf.io/eWX26" target="blank">LinkedIn Learning</a> - Formally Linda, LinkedIn
Learning is one of the worlds largest course platforms with content being created monthly.
</li>
</ol>
</details>
<details open>
<summary>Sites - Algorithm Platforms</summary>
<ol>
<li>
<a href="https://www.algoexpert.io/codinggod" target="blank">AlgoExpert</a> - If you want to ace the tech
interview, being
well-versed in all common data structures and popular problem-solving methods is paramount. With 85 questions
spanning 14 categories and 5 difficulty levels, we've got you covered.
</li>
<li>
<a href="https://www.hackerrank.com/" target="blank">HackerRank</a> - Join Over 7 million developers, practice
coding skills, prepare for interviews, and get hired.
</li>
<li>
<a href="https://leetcode.com/" target="blank">LeetCode</a> - LeetCode is the best platform to help you enhance
your skills, expand your knowledge and prepare for technical interviews.
</li>
<li>
<a href="https://codesignal.com/" target="blank">Code Signal</a> - formerly CodeFights a grate Algorithm site
with a beautiful UI.
</li>
<li>
<a href="https://www.codewars.com/" target="blank">Code Wars</a> - Codewars is a collective effort by its users.
They are creators - authoring kata to teach various techniques, solving kata with solutions that enlighten
others, and commenting with constructive feedback. The leaders among them moderate the content and community.
</li>
<li>
<a href="https://exercism.io/" target="blank">Exercism</a> - Level up your programming skills with 3,173
exercises across 51 languages, and insightful discussion with our dedicated team of welcoming mentors. Exercism
is 100% free forever.
</li>
<li>
<a href="https://projecteuler.net/">Project Euler</a> - Project Euler is a series of challenging
mathematical/computer programming problems that will require more than just mathematical insights to solve.
Although mathematics will help you arrive at elegant and efficient methods, the use of a computer and
programming skills will be required to solve most problems.
</li>
<li>
<a href="https://www.codechef.com/" target="blank">Code Chef</a> - CodeChef was created as a platform to help
programmers make it big in the world of algorithms, computer programming, and programming contests. At CodeChef
we work hard to revive the geek in you by hosting a programming contest at the start of the month and two
smaller programming challenges at the middle and end of the month. We also aim to have training sessions and
discussions related to algorithms, binary search, technicalities like array size and the likes.
</li>
<li>
<a href="https://www.coderbyte.com/">Coderbyte</a> - Coderbyte is a web application built to help you practice
programming and improve your coding skills. We offer a collection of code challenges and web development courses
that can help you prepare for upcoming job interviews. The coding challenges range in difficulty and they can
all be completed straight in our online editor.
</li>
<li>
<a href="https://edabit.com/">Edabit</a> - We're like Duolingo for learning to code. When learning to code, most
people get stuck on the "bridge" between memorizing syntax and understanding the logic that makes it all work.
</li>
<li>
<a href="https://www.pramp.com/" target="blank">Pramp</a> - Join thousands of professionals practicing live mock
interviews & interview questions online, with peers, for free. We help you prep & land your dream tech job.
</li>
<li>
<a href="https://www.codility.com/" target="blank">Codility</a> - Codility is a software platform that helps
tech recruiters and hiring managers assess their candidates' skills by testing their code online.
</li>
<li>
<a href="https://www.codeabbey.com/" target="blank">CodeAbbey</a> - CodeAbbey hosts a series of simple to
complex
programming problems that allow the user to practice their ability to solve problems.
</li>
<li>
<a href="https://adventofcode.com/" target="blank">Advent of Code</a> - Advent of Code is an Advent calendar of
small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming
language you like. People use them as a speed contest, interview prep, company training, university coursework,
practice problems, or to challenge each other.
</li>
</ol>
</details>
<details open>
<summary>Sites - Course Sites</summary>
<ol>
<li>
<a href="https://www.skillshare.com/r/user/dylanisrael">SkillShare</a> - SkillShare has a ton of free courses
and access to tens of thousands of paid courses all for the low price of $10 a month.
</li>
<li>
<a href="https://www.udemy.com/" target="blank">Udemy</a> - The leading global marketplace for learning and
instruction. By connecting students all over the world to the best instructors, Udemy is helping individuals
reach their goals and pursue their dreams
</li>
<li>
<a href="https://thinkster.io/" target="blank">Thinkster</a> - a better way to learn. Learn how real apps are
built, from scratch, using the latest frameworks.
</li>
<li>
<a href="https://frontendmasters.com/" target="blank">Frontend Masters</a> - Advance Your Skills with In-Depth,
Modern Front-End Engineering Courses
</li>
<li>
<a href="https://egghead.io/" target="blank">EggHead</a> - egghead is a group of working web development
professionals and open source contributors that provide you with concise, information dense video courses on the
best tools in the industry.
</li>
<li>
<a href="https://laracasts.com/">Laracasts</a> - Push your web development skills to the next level, through
expert screencasts on Laravel, Vue, and so much more.
</li>
<li>
<a href="https://www.udacity.com/?coupon=UDACAFFIL2020" target="blank">Udacity</a> - Our mission is to power
careers through tech education. We partner with leading technology companies to learn how technology is
transforming industries, and teach the critical tech skills that companies are looking for in their workforce.
</li>
<li>
<a href="https://www.khanacademy.org/" target="blank">Khan Academy</a> - Khan Academy offers practice exercises,
instructional videos, and a personalized learning dashboard that empower learners to study at their own pace in
and outside of the classroom. We tackle math, science, computer programming, history, art history, economics,
and more.
</li>
<li>
<a href="https://codecourse.com/" target="blank">Codecourse</a> - Rather than just teach theory, we focus on
real code to inspire your next project. Learning shouldn't be boring, so let's have some fun.
</li>
<li>
<a href="https://javascript30.com/" target="blank">JavaScript 30</a> - 30 Day Vanilla JS Coding Challenge. Build
30 things in 30 days with 30 tutorials. No Frameworks. No Compilers. No Libraries. No Boilerplate.
</li>
<li>
<a href="https://flexboxfroggy.com/" target="blank">Flexbox Froggy</a> - Welcome to Flexbox Froggy, a game where
you help Froggy and friends by writing CSS code!
</li>
<li>
<a href="https://ocw.mit.edu/index.htm" target="blank">MIT OpenCourseWare</a> - MIT OpenCourseWare is a
web-based publication of virtually all MIT course content. OCW is open and available to the world and is a
permanent MIT activity.
</li>
<li>
<a href="https://www.coursera.org/" target="blank">Coursera</a> - Join Coursera for free and learn online. Build
skills with courses from top universities like Yale, Michigan, Stanford, and leading companies like Google and
IBM.
</li>
</ol>
</details>
<details open>
<summary>Sites - Career & Job Sites</summary>
<ol>
<li>
<a href="https://www.wayup.com/" target="blank">WayUp</a> - is the industry leader for college students and
recent grads to get hired.
</li>
<li>
<a href="https://novoresume.com/">NovoResume</a> - Novorésumé began in 2014 when Andrei, Cristian, and Stefan
noticed a common problem among several of their contacts. Despite having extensive work experience and
impressive skill sets, these individuals didn’t know how to showcase their talents with a professional resume
and cover letter. Sensing an opportunity to help others with their job search, the three of them joined forces
in exploring possible solutions as part of a university project.
</li>
<li>
<a href="https://www.glassdoor.com/index.htm">Glassdoor</a> - Search millions of jobs and get the inside scoop
on companies with employee reviews, personalized salary tools, and more.
</li>
<li>
<a href="https://angel.co/">AngelList</a> - Apply privately to 130,000+ tech & startup jobs with one
application. See salary and equity upfront.
</li>
<li>
<a href="https://www.bls.gov/audience/jobseekers.htm">U.S. Bureau of Labor Statistics</a> - The U.S. Bureau of
Labor Statistics provides a selection of useful reports on employment statistics and 10-year forecasts. Use them
to determine if the career you’ve chosen is experiencing — or is likely to experience — a talent shortage. If
so, you can expect a higher starting salary or more appealing perks if your skills match up with employers’
needs.
</li>
<li>
<a href="https://www.payscale.com/">PayScale</a> - WHAT AM I WORTH? What your skills are worth in the market is
constantly changing.
</li>
<li>
<a href="https://www.salary.com/">Salary</a> - Understand your worth and plan your next career move with
easy-to-use tools.
</li>
<li>
<a href="https://www.linkedin.com/" target="blank">LinkedIn</a> - Welcome to LinkedIn, the world's largest
professional network with nearly 660+ million users in more than 200 countries and territories worldwide.
</li>
<li>
<a href=" https://resume.github.io/" target="blank">Github
Resume</a> - As a software startup owner I really enjoy when people send us their résumés and they include
their github account so we can see tangible work they have done.
</li>
<li>
<a href="https://hashnode.com/" target="blank">HashNode</a> - Hashnode is the easiest way to connect with the
best developers from around the world and grow your career!
</li>
</ol>
</details>
<details open>
<summary>Sites - Documentation</summary>
<ol>
<li>
<a href="https://www.w3schools.com/" target="blank">W3Schools</a> - W3Schools is optimized for learning,
testing, and training. Examples might be simplified to improve reading and basic understanding.
</li>
<li>
<a href="https://developer.mozilla.org/en-US/" target="blank">Mozilla</a> - MDN's mission is simple: to provide
developers with the information they need to easily build projects on the open Web. If it's an open technology
exposed to the Web, we want to document it.
</li>
<li>
<a href="https://stackoverflow.com/" target="blank">Stack Overflow</a> - Founded in 2008, Stack Overflow is the
largest, most trusted online community for anyone that codes to learn, share their knowledge, and build their
careers. More than 50 million unique visitors come to Stack Overflow each month to help solve coding problems,
develop new skills, and find job opportunities.
</li>
<li>
<a href="https://devdocs.io/">DevDocs</a> - Fast, offline, and free documentation browser for developers. Search
100+ docs in one web app.
</li>
<li>
<a href="https://www.30secondsofcode.org/">30 Seconds of Code</a> - Short code snippets for all your development
needs.
</li>
</ol>
</details>
<details open>
<summary>Sites - Freelance & Contract Work</summary>
<ol>
<li>
<a href="https://www.upwork.com/" target="blank">Upwork</a> - To connect businesses with great talent to work
without limits.
</li>
<li>
<a href="https://www.toptal.com/" target="blank">Toptal</a> - Toptal is an exclusive network of the top
freelance software developers, designers, finance experts, product managers, and project managers in the world.
</li>
<li>
<a href="https://craigslist.org" target="blank">Craigslist</a> - Small web dev projects and web sites can be
picked up pretty easily in the jobs or gigs section.
</li>
</ol>
</details>
<details open>
<summary>Sites - Style & Component Libraries</summary>
<ol>
<li>
<a href="https://getbootstrap.com/" target="blank">Bootstrap</a> - Bootstrap is an open source toolkit for
developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables
and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
</li>
<li>
<a href="https://materializecss.com/" target="blank">Materialize</a> - Materialize is a modern responsive CSS
framework based on Material Design by Google.
</li>
<li>
<a href="https://bulma.io/" target="blank">Bulma</a> - Bulma is a free, open source CSS framework based on
Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
</li>
<li>
<a href="https://getuikit.com/" target="blank">UIkit</a> - A lightweight and modular front-end framework for
developing fast and powerful web interfaces.
</li>
<li>
<a href="https://purecss.io/" target="blank">Pure.css</a> - A set of small, responsive CSS modules that you can
use in every web project.
</li>
</ol>
</details>
<details open>
<summary>Sites - Hackathons</summary>
<ol>
<li>
<a href="https://angelhack.com/" target="blank">AngelHack</a> - The world's most diverse hacker community,
driving
innovation of tech products through developer programs.
</li>
<li>
<a href="https://mlh.io/" target="blank">Major League Hacking</a> - The official collegiate hackathon league. .
</li>
</ol>
</details>
<details open>
<summary>Sites - Code Playgrounds</summary>
<ol>
<li>
<a href="https://jsfiddle.net/" target="blank">JSFiddle</a> - Test your JavaScript, CSS, HTML or CoffeeScript
online with JSFiddle code editor.
</li>
<li>
<a href="https://codepen.io/" target="blank">Codepen</a> - CodePen is an online community for testing and
showcasing user-created HTML, CSS and JavaScript code snippets. It functions as an online code editor and
open-source learning environment, where developers can create code snippets, called "pens," and test them.
</li>
<li>
<a href="https://stackblitz.com/" target="blank">StackBlitz</a> - Code the Future.
In Your Browser.
Create, edit & deploy fullstack apps — in just one click.
</li>
<li>
<a href="https://repl.it/" target="blank">Repl.it</a> - Powerful and simple online compiler, IDE, interpreter,
and REPL. Code, compile, and run code in 50+ programming languages.
</li>
<li>
<a href="https://codesandbox.io/" target="blank">CodeSandbox.io</a> - Founded in 2017 by Ives van Hoorne and Bas
Buursma, our mission is to make web development faster. By removing complexity we enable web developers to be
more productive. By simplifying collaboration we make it easier for teams to work on code together.
</li>
</ol>
</details>
<details open>
<summary>Sites - Tools</summary>
<ol>
<li>
<a href="https://trello.com/" target="blank">Trello</a> - Whether it’s for work, a side project or even the next
family vacation, Trello helps your team stay organized.
</li>
<li>
<a href="https://slack.com/" target="blank">Slack</a> - Slack replaces email inside your company.
Discuss, collaborate, share — work is better without the inbox.
</li>
<li>
<a href="https://github.com/" target="blank">Github</a> - We’re supporting a community where more than 40
million* people learn, share, and work together to build software.
</li>
<li>
<a href="https://hyper.is/" target="blank">Hyper Terminal</a> - The goal of the project is to create a beautiful
and extensible experience for command-line interface users, built on open web standards. In the beginning, our
focus will be primarily around speed, stability and the development of the correct API for extension authors.
</li>
<li>
<a href="https://justgetflux.com/" target="blank">f.lux</a> - f.lux fixes this: it makes the color of your
computer's display adapt to the time of day, warm at night and like sunlight during the day.
</li>
<li>
<a href="https://www.getpostman.com/" target="blank">Postman</a> - Postman is the only complete API development
environment. Today we have 8 million developers and over 400K companies using our comprehensive set of built-in
tools to support every stage of the API lifecycle.
</li>
<li>
<a href="https://insomnia.rest/" target="blank">Insomnia</a> - Insomnia is a cross-platform GraphQL and REST
client, available for Mac, Windows, and Linux.
</li>
<li>
<a href="https://www.gitkraken.com/" target="blank">GitKraken</a> - Unleash GitKraken! Three legendary developer
productivity tools: the Git GUI Client for Windows/Mac/Linux development.
</li>
</ol>
</details>
<details open>
<summary>Sites - Misc</summary>
<ol>
<li>
<a href="http://bit.ly/2Puf8Ek" target="blank">Autonomous</a> - the goto place for automated standing desks,
treadmills and everything dev furniture related.
</li>
<li>
<a href="https://unsplash.com/" target="blank">Unsplash</a> - The internet’s source of freely usable images.
</li>
<li>
<a href="https://www.humblebundle.com/?partner=coding360">Humble Bundle</a> - although known for their games.
Now adays EBook bundles around web development are becoming increasingly popular.
</li>
</ol>
</details>
</details>
<details open>
<summary>YouTube Channels</summary>
<ol>
<li>
<a href="https://www.youtube.com/user/pizzapokerguy87" target="blank">Dylan Israel</a> - Dylan is a self-taught
programmer who produces some amazing content, both informational and tutorials videos.
</li>
<li>
<a href="https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA" target="blank">Traversy Media</a> - Brad is
also a self-taught programmer who produces informational and tutorial based videos.
</li>
<li>
<a href="https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw" target="blank">Program with Erik</a> - My name is Erik Hanchett and I'm a web and Java developer from Reno, Nevada. I've been a programmer for many years now and I've always been wanting to give back to the community.
</li>
<li>
<a href="https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w" target="blank">Academind</a> - Web development
tutorial videos.
</li>
<li>
<a href="https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow" target="blank">DesignCourse</a> - Gary teach
full stack development. Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic
Design and more.
</li>
<li>
<a href="https://www.youtube.com/channel/UCAQjmY2DJqwU3Eqz0oN83aw" target="blank">Eduonix Learning Solutions</a> -
Eduonix Learning Solutions is an esteemed name in the e-learning field and has a vast library of web designing and
development courses to help cater the learning needs of all individuals.
</li>
<li>
<a href="https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ" target="blank">freeCodeCamp.org</a> - Hours and
hours of tutorial videos.
</li>
<li>
<a href="https://www.youtube.com/channel/UC-ptWR16ITQyYOglXyQmpzw" target="blank">IAmTimCorey</a> - Tim creates
courses dedicated to C#, SQL and more.
</li>
<li>
<a href="https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA" target="blank">Programming with Mosh</a> - Mosh
produces amazing courses for both frontend and backend development.
</li>
<li>
<a href="https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/featured" target="blank">The Net Ninja</a> -
Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, HTML & CSS, Plus
loads more.
</li>
<li>
<a href="https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q" target="blank">Dev Ed</a> - Very Funny and Good
Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js,CSS coolAnimations, HTML & CSS, Plus
loads more.
</li>
</ol>
</details>
<details open>
<summary>Wireframes and Mockups</summary>
<ol>
<li>
<a href="https://www.invisionapp.com/" target="blank">InVision</a> - InVision is the digital product design
platform used to make the world's best customer experiences.
</li>
<li>
<a href="https://balsamiq.com/" target="blank">Balsamiq</a> - Balsamiq is the company behind Balsamiq Wireframes,
the industry standard low-fidelity wireframing tool.
</li>
<li>
<a href="https://www.figma.com/" target="blank">Figma</a> - A better way to design. Design, prototype, and
gather feedback all in one place with Figma.
</li>
<li>
<a href="https://www.sketch.com/" target="blank">Sketch</a> - Sketch is a design toolkit built to help you create
your best work — from your earliest ideas, through to final artwork.
</li>
</ol>
</details>
<details open>
<summary>Package Managers</summary>
<ol>
<li>
<a href="https://yarnpkg.com/" target="blank">Yarn</a> - Yarn caches every package it downloads so it never needs
to download it again.
</li>
<li>
<a href="https://www.npmjs.com/" target="blank">npm</a> - We're npm, Inc., the company behind Node package
manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and
selling useful tools for developers like you.
</ol>
</details>
<details open>
<summary>Text Editors</summary>
<ol>
<li>
<a href="https://code.visualstudio.com/" target="blank">VSCode Text Editor</a> - Code editing. Redefined. Free.
Built on open source. Runs everywhere.
</li>
<li>
<a href="https://atom.io/" target="blank">Atom</a> - Teletype for Atom makes collaborating on code just as easy as
it is to code alone, right from your editor.
</li>
<li>
<a href="https://www.sublimetext.com/" target="blank">Sublime</a> - Sublime Text is a sophisticated text editor
for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.
</li>
<li>
<a href="https://notepad-plus-plus.org/" target="blank">Notepad++</a> - Notepad++ is a free (as in “free speech”
and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in
the MS Windows environment, its use is governed by GPL License.
</li>
<li>
<a href="https://www.vim.org/" target="blank">Vim</a> - Vim is a highly configurable text editor for efficiently
creating and changing any kind of text. It is included as "vi" with most UNIX systems and with Apple OS X.
</li>
<li>
<a href="http://brackets.io/" target="blank">Brackets</a> - A modern, open source text editor that understands web
design.
</li>
</ol>
</details>
<details open>
<summary>Blogs</summary>
<ol>
<li><a href="https://www.programwitherik.com/" target="blank">Program with Erik</a> - Erik is a two time author,
YouTuber, Podcastor an much more. His blog includes tutorials, rantings and musings on software development, with
a focus on JavaScript, Ember.js, Vue.js and Node.js.
</li>
<li>
<a href="https://overreacted.io/" target="blank">Overreacted</a> - Dan Abramov's `I explain with words and code.`
</li>
<li>
<a href="https://css-tricks.com/" target="blank">CSS-Tricks</a> - Daily articles about CSS, HTML, JavaScript, and
all things related to web design and development.
</li>
<li>
<a href="https://davidwalsh.name/" target="blank">David Walsh</a> - A blog featuring tutorials about JavaScript,
HTML5, AJAX, PHP, CSS, WordPress, and everything else development.
</li>
<li>
<a href="https://www.freecodecamp.org/news/" target="blank">FreeCodeCamp</a> - Learn to code. Build projects. Earn
certifications. Since 2015, 40000 graduates have gotten jobs at tech companies including Google, Apple, Amazon and
more.
</li>
</ol>
</details>
<details open>
<summary>Podcasts</summary>
<ol>
<li><a href="https://www.selftaughtornot.com/" target="blank">Self-Taught or Not</a> - Self-Taught or Not covers the
do's and don'ts of software development, hosted by Dylan Israel & Erik Hanchett. New episodes every Monday!
</li>
<li><a href="https://techjr.dev/" target="blanl">Tech Jr.</a> - Lee Warrick and Edwin Otero explore what it's like
to break into the Tech field as junior developers as well as how to stay up-to-date on new technology.
<li><a href="https://6figuredev.com/" target="blank">The 6 Figure Dev</a> - interviews developers to dive deep in
their experiences, how to increase your income, and dive deep into their guests projects.
</li>
<li>
<a href="https://podcast.freecodecamp.org/">FreeCodeCamp</a> - The official podcast of the freeCodeCamp open
source community. Learn to code with free online courses, programming projects, and interview preparation for
developer jobs.
</li>
<li>
<a href="https://realtalkjavascript.simplecast.com/" target="blank">Real Talk JavaScript</a> - Dive into
JavaScript and Web development stories with hosts John Papa, Ward Bell, and Dan Wahlin. Sponsored by Nrwl.io A
weekly podcast where we tackle the challenges facing Web developers today and invite expert guests on the show to
share ktheir experience solving concrete problems while building real Web applications.
</li>
<li>
<a href="https://vanillajspodcast.com/" target="blank">The Vanilla JS Podcast</a> - A show about JavaScript for
people who hate the complexity of modern front‑end web development, hosted by Chris Ferdinandi.
</li>
<li>
<a href="https://egghead.io/podcasts" target="blank">EggHead.io Developer Chats</a> - Humans talking about the
business of building software, constant learning, and balancing it with everyday life.
</li>
<li>
<a href="https://syntax.fm/" target="blank">Syntax.fm</a> - A Tasty Treats Podcast for Web Developers by Wes Bos &
Scott Tolinski.
</li>
<li>
<a href="https://frontendhappyhour.com/">Front End Happy Hour</a> - A podcast featuring a panel of Software
Engineers from Netflix, Twitch, Atlassian & Airbnb talking over drinks about all things Front End development.
</li>
<li>
<a href="https://www.codenewbie.org/podcast">CodeNewbie</a> - CodeNewbie Podcast Stories from people on their
coding journey.
</li>
</ol>
</details>
<details open>
<summary>VSCode Extensions</summary>
<ol>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="blank">Live Server</a>
- Launch a development local Server with live reload feature for static & dynamic pages.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync" target="blank">Settings
Sync</a> - Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions
Across Multiple Machines Using GitHub Gist.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer"
target="blank">Bracket Pair Colorizer</a> - A customizable extension for colorizing matching brackets.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode" target="blank">Quokka</a> -
Live Scratchpad for JavaScript.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare" target="blank">Live
Share</a> - Real-time collaborative development from the comfort of your favorite tools.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"
target="blank">Code Spell Checker</a> - Spelling checker for source code.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode#overview"
target="blank">Prettier</a> - Prettier is an opinionated code formatter. It enforces a consistent style by
parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping
code when necessary.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" target="blank">Auto
Rename Tag</a> - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" target="blank">ESLint</a> -
The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one
the extension looks for a global install version. If you haven't installed ESLint either locally or globally do so
by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global
install.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig"
target="blank">EditorConfig</a> - This plugin attempts to override user/workspace settings with settings found
in .editorconfig files. No additional or vscode-specific files are required. As with any EditorConfig plugin, if
root=true is not specified, EditorConfig will continue to look for an .editorconfig file outside of the project.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview"
target="blank">Browser Preview</a> - Browser Preview for VS Code enables you to open a real browser preview
inside your editor that you can debug. Browser Preview is powered by Chrome Headless, and works by starting a
headless Chrome instance in a new process.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome" target="blank">Chrome
Debugger</a> - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome
Debugger protocol.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=humao.rest-client" target="blank">REST Client</a> -
REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost" target="blank">Import
Cost</a> - This extension will display inline in the editor the size of the imported package. The extension
utilizes webpack with babili-webpack-plugin in order to detect the imported size.
</li>
<li>
<a href="https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics" target="blank">Code
Metrics</a> - Computes complexity in TypeScript / JavaScript / Lua files.
</li>
</ol>
</details>
<details open>
<summary>Conferences</summary>
<ol>
<li>
<a href="https://devfest.withgoogle.com/" target="blank">DevFest</a> - DevFests are community-led developer events
hosted by Google Developer Groups around the globe. GDGs are focused on community building and learning about
Google’s technologies.
</li>
<li>
<a href="https://www.ng-conf.org/" target="blank">NG-CONF</a> - World's Original Angular Conference.
</li>
<li>
<a href="https://angelhack.com/" target="blank">AngelHack</a> - The world's most diverse hacker community, driving
innovation of tech products through developer programs.
</li>
</ol>
</details>
<details open>
<summary>Community</summary>
<details open>
<summary>Community - Facebook Groups</summary>
<ol>
<li>
<a href="https://www.facebook.com/groups/190277791450732/">Code, Tech & Caffeine</a> - Coding noobs to senior
devs
to those just interested in technology this group is for you. This group is devoted to sharing helpful and
interesting items in software and technology.
</li>
<li>
<a href="https://www.facebook.com/groups/759985267390294" target="blank">Hackathon Hackers</a> - This is the
all-inclusive hackathons group.
</li>
<li>
<a href="https://www.facebook.com/groups/318334558529855" target="blank">Hacking and Coding Tutorials</a> - A
closed group for technical enthusiasts interesting in hacking and coding. A place to openly discuss and share
ideas and ask for help from real and certified hackers and programmers.
</li>
<li>
<a href="https://www.facebook.com/programmingjokes" target="blank">Programming Jokes</a> - 1000+ Jokes Only
Programmers Will Get
</li>
<li>
<a href="https://www.facebook.com/ilp18/" target="blank">I Love Programming</a> - Welcome to one of the most
popular Facebook page related to programming :)
Here we share best tutorials, news, YouTube videos and memes related to programming.
</li>
</ol>
</details>
<details open>
<summary>Community - Forums (Subreddits, etc.)</summary>
<ol>
<li>
<a href="https://www.freecodecamp.org/forum/" target="blank">FreeCodeCamp</a> - Learn to code and get a
developer job. This community will help you.
</li>
<li>
<a href="https://hackernoon.com/" target="blank">Hacker Noon</a> - How hackers start their afternoons.
</li>
<li>
<a href="https://www.reddit.com/r/learnprogramming/" target="blank">Learn Programming</a> - A subreddit for all
questions related to programming in any language.
</li>
<li>
<a href="https://www.reddit.com/r/dailyprogrammer/" target="blank">Daily Programmer</a> - 3 Programming
Challenges
a week!
</li>
<li>
<a href="https://www.reddit.com/r/webdev/" target="blank">WebDev</a> - A community dedicated to all things web
development: both front-end and back-end.
</li>
<li>
<a href="https://www.reddit.com/r/javascript/" target="blank">JavaScript</a> - All about the JavaScript
programming language!
</li>
<li>
<a href="https://www.reddit.com/r/coding/" target="blank">Coding</a> - Welcome to r/coding
</li>
</ol>
</details>
<details open>
<summary>Community - Organization & Inclusion</summary>
<ol>
<li>
<a href="https://www.meetup.com/" target="blank">Meetup</a> - Find Meetups so you can do more of what matters to
you. Or create your own group and meet people near you who share your interests.
</li>
<li>
<a href="https://code.org" target="blank">Code.org</a> - Code.org® is a nonprofit dedicated to expanding access
to computer science in schools and increasing participation by women and underrepresented minorities.
</li>
<li>
<a href="https://www.womenwhocode.com/" target="blank">Women Who Code</a> - Women Who Code (WWCode) is a global
501(c)(3) non-profit organization dedicated to inspiring women to excel in technology careers.
</li>
<li>
<a href="https://dev.to/" target="blank">Dev.to</a> - 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.
</li>
</ol>
</details>
</details>
<details open>
<summary>Chrome Extensions</summary>
<ol>
<li>
<a href="https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en"
target="blank">Lightshot</a> - Simple and convenient screenshot tool. Select an area, edit your screenshot and
upload it to the server.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en"
target="blank">JSON Formatter</a> - Makes JSON easy to read. Open source.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo"
target="blank">Form Filler</a> - Fill all inputs in a page with dummy data.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en"
target="blank">Wappalyzer</a> - Wappalyzer is a cross-platform utility that uncovers the technologies used on
websites. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics
tools and many more.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp"
target="blank">Web Developer Checklist</a> - For web developers who wants to make sure they follow best
practices. This extension allows you to very easily discover problem areas in your website.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en%20"
target="blank">IE Tab</a> - Display web pages using IE within Chrome. Use Java, Silverlight, ActiveX,
Sharepoint, and more. A "Top 10" extension since 2009!
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk"
target="blank">Lighthouse</a> - Lighthouse is an open-source, automated tool for improving the performance,
quality, and correctness of your web apps.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm"
target="blank">Web Developer</a> - The Web Developer extension adds a toolbar button to the browser with various
web developer tools.
</li>
</ol>
</details>
<details open>
<summary>Repos</summary>
<ol>
<li><a href="https://github.com/ErikCH/DevYouTubeList" target="blank">Dev YouTube List</a> - A curated list of
amazing development channels on YouTube. These include web development, back-end development, front-end
development live coders and more!
</li>
<li><a href="https://github.com/ryanmcdermott/clean-code-javascript" target="blank">Clean Code JavaScript</a> -
Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a
style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.
</li>
<li><a href="https://github.com/getify/You-Dont-Know-JS" target="blank">You Don't Know JS</a> - This is a series of
books diving deep into the core mechanisms of the JavaScript language.
</li>
</ol>
</details>
Reference in New Issue View Git Blame Copy Permalink