├── .github
    └── FUNDING.yml
└── README.md


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 4 | patreon: CodingTutorials360
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: ['https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KVNKW7KNZBUEJ&source=url']
13 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
   1 | <h1>Ultimate Coding Resources List</h1>
   2 | <p>A collection of the best resources for programming, web development, computer science and more.</p>
   3 | 
   4 | <small>DISCLAIMER: it is worth mentioning that a portion of resources (mainly courses and books) included have affiliate
   5 |   links or items
   6 |   mentioned are projects I have built that I directly benefit from their sale or use.</small>
   7 | 
   8 |   ![GitHub contributors](https://img.shields.io/github/contributors/pizzapokerguy/ultimate-coding-resources)
   9 |   ![Twitter Follow](https://img.shields.io/twitter/follow/pizzapokerguy?label=Follow&style=social)
  10 | 
  11 | <hr>
  12 | 
  13 | <details open>
  14 |   <summary>Books</summary>
  15 |   <ol>
  16 |     <li><a href="https://amzn.to/2N0dzNb" target="blank">Clean Architecture</a> - by applying universal rules of
  17 |       software architecture, you can dramatically improve developer productivity throughout the life of any software
  18 |       system. Now, building upon the success of his best-selling books Clean Code and The Clean Coder, legendary
  19 |       software craftsman Robert C. Martin (“Uncle Bob”) reveals those rules and helps you apply them.</li>
  20 |     <li>
  21 |       <a href="https://amzn.to/2JIjOrz" target="blank">Clean Code: A Handbook of Agile Software Craftsmanship</a> - even
  22 |       bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year,
  23 |       countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that
  24 |       way.
  25 |     </li>
  26 |     <li><a href="https://amzn.to/2L6mcE0" target="blank">Code Complete</a> - widely considered one of the best practical
  27 |       guides to programming, Steve McConnell’s original CODE COMPLETE has been helping developers write better software
  28 |       for more than a decade. </li>
  29 |     <li><a href="https://amzn.to/2MlI3wW" target="blank">Cracking the Coding Interview</a> - learn how to uncover the
  30 |       hints and hidden details in a question, discover how to break down a problem into manageable chunks, develop
  31 |       techniques to unstick yourself when stuck, learn (or re-learn) core computer science concepts, and practice on 189
  32 |       interview questions and solutions.</li>
  33 |     <li><a href="https://amzn.to/2NPhvRX" target="blank">The Clean Coder</a> - this book is packed with practical
  34 |       advice–about everything from estimating and coding to refactoring and testing. It covers much more than technique:
  35 |       It is about attitude. Martin shows how to approach software development with honor, self-respect, and pride; work
  36 |       well and work clean; communicate and estimate faithfully; face difficult decisions with clarity and honesty; and
  37 |       understand that deep knowledge comes with a responsibility to act.</li>
  38 |     <li><a href='http://amzn.to/2BNciX2' target="blank">The Complete Software Developer's Career Guide</a> - early in
  39 |       his software developer career, John Sonmez discovered that technical knowledge alone isn't enough to break through
  40 |       to the next income level - developers need "soft skills" like the ability to learn new technologies just in time,
  41 |       communicate clearly with management and consulting clients, negotiate a fair hourly rate, and unite teammates and
  42 |       coworkers in working toward a common goal.</li>
  43 |     <li><a href="https://amzn.to/39O7hMm" target="blank">The Pragmatic Programmer</a> - Dave Thomas and Andy Hunt wrote
  44 |       the first edition of this influential book in 1999 to help their clients create better software and rediscover the
  45 |       joy of coding. Topics range from personal responsibility and career development to architectural techniques for
  46 |       keeping your code flexible and easy to adapt and reuse. </li>
  47 |     <li>
  48 |       <a href="https://amzn.to/37JCaQj" target="blank">The Mythical Man-Month: Essays on Software Engineering</a> - Few
  49 |       books on software project management have been as influential and timeless as The Mythical Man-Month. With a blend
  50 |       of software engineering facts and thought-provoking opinions, Fred Brooks offers insight for anyone managing
  51 |       complex projects.
  52 |     </li>
  53 |     <li>
  54 |       <a href="https://amzn.to/2s7BKEk" target="blank">Soft Skills: The software developer's life manual</a> - Soft
  55 |       Skills: The software developer's life manual is a unique guide, offering techniques and practices for a more
  56 |       satisfying life as a professional software developer. In it, developer and life coach John Sonmez addresses a wide
  57 |       range of important "soft" topics.
  58 |     </li>
  59 |     <li>
  60 |       <a href="https://amzn.to/35DDaUU" target="blank">HTML and CSS: Design and Build Websites</a> - Introduces HTML and
  61 |       CSS in a way that makes them accessible to everyone―hobbyists, students, and professionals―and it’s full-color
  62 |       throughout.
  63 |       Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging.
  64 |     </li>
  65 |     <li>
  66 |       <a href="https://amzn.to/2FvYl0e" target="blank">Head First Design Patterns: A Brain-Friendly Guide</a> - At any
  67 |       given moment, someone struggles with the same software design problems you have. And, chances are, someone else
  68 |       has already solved your problem. This edition of Head First Design Patterns shows you the tried-and-true,
  69 |       road-tested patterns used by developers to create functional, elegant, reusable, and flexible software.
  70 |     </li>
  71 |     <li>
  72 |       <a href="https://amzn.to/2T4zrNk" target="blank">Grokking Algorithms: An illustrated guide for programmers and
  73 |         other curious people</a> - Grokking Algorithms is a fully illustrated, friendly guide that teaches you how to
  74 |       apply common algorithms to the practical problems you face every day as a programmer. You'll start with sorting
  75 |       and searching and, as you build up your skills in thinking algorithmically, you'll tackle more complex concerns
  76 |       such as data compression and artificial intelligence.
  77 |     </li>
  78 |     <li><a href="https://amzn.to/37KZsFq" target="blank">A Smarter Way to Learn JavaScript. The new tech-assisted
  79 |         approach that requires half the effort</a> - Learning JavaScript is hell because of two problems.
  80 |       I remove the problems, and you start having fun.
  81 |       The first problem is retention. You remember only ten or twenty percent of what you read. That spells failure. To
  82 |       become fluent in a computer language, you have to retain pretty much everything.</li>
  83 |     <li>
  84 |       <a href="https://amzn.to/2N3fnqX" target="blank">Code: The Hidden Language of Computer Hardware and Software</a> -
  85 |       What do flashlights, the British invasion, black cats, and seesaws have to do with computers? In CODE, they show
  86 |       us the ingenious ways we manipulate language and invent new means of communicating with each other. And through
  87 |       CODE, we see how this ingenuity and our very human compulsion to communicate have driven the technological
  88 |       innovations of the past two centuries.
  89 |     </li>
  90 |     <li>
  91 |       <a href="https://amzn.to/2ZYNDsJ" target="blank">Eloquent JavaScript: A Modern Introduction to Programming</a> -
  92 |       JavaScript lies at the heart of almost every modern web application, from social apps like Twitter to
  93 |       browser-based game frameworks like Phaser and Babylon. Though simple for beginners to pick up and play with,
  94 |       JavaScript is a flexible, complex language that you can use to build full-scale applications.
  95 |     </li>
  96 |     <li>
  97 |       <a href="https://amzn.to/2TWfwPg" target="blank">Structure and Interpretation of Computer Programs</a> - Structure
  98 |       and Interpretation of Computer Programs has had a dramatic impact on computer science curricula over the past
  99 |       decade. This long-awaited revision contains changes throughout the text. There are new implementations of most of
 100 |       the major programming systems in the book, including the interpreters and compilers, and the authors have
 101 |       incorporated many small changes that reflect their experience teaching the course at MIT since the first edition
 102 |       was published. A new theme has been introduced that emphasizes the central role played by different approaches to
 103 |       dealing with time in computational models: objects with state, concurrent programming, functional programming and
 104 |       lazy evaluation, and nondeterministic programming.
 105 |     </li>
 106 |     <li>
 107 |       <a href="https://www.buymeacoffee.com/GoalKickerBooks" target="blank">Goal Kicker</a> - Programming Notes for Professionals books.
 108 |     </li>
 109 |     <li>
 110 |       <a href="https://launchschool.com/books" target="blank">LaunchSchool Books</a> - Below are some books we wrote to supplement the courses at Launch School. Some of the books take a very beginner friendly approach, and are suitable for any level of technical proficiency. Some books may require prerequisite knowledge covered in a Launch School course, and may not be suitable for individual consumption.
 111 |     </li>
 112 |   </ol>
 113 | </details>
 114 | 
 115 | <details open>
 116 |   <summary>Courses</summary>
 117 |   <ol>
 118 |     <li>
 119 |       <a href="http://dylanisrael.com/?course=fe-interview" target="blank">The 100 Front End Interview Questions
 120 |         Challenge</a> -
 121 |       By the end of the course you'll be able to pass a front end technical screen covering the fundamentals of front
 122 |       end web development HTML, CSS, and JavaScript. We also will dive into interview prep, cultural questions, and
 123 |       general HR screening questions.
 124 |     </li>
 125 |     <li>
 126 |       <a href="http://dylanisrael.com/?course=100-algorithms" target="blank">100 Algorithms Challenge</a> - Technical
 127 |       interviews are the filter between good and great developers. At least that is how the industry sees it. In this
 128 |       course we will up your problem solving ability and speed with 100 algorithm problems and solutions.
 129 |     </li>
 130 |     <li>
 131 |       <a href="https://online-learning.harvard.edu/course/cs50-introduction-computer-science" target="blank">Harvard
 132 |         CS50</a> An introduction to the intellectual enterprises of computer science and the art of programming by
 133 |       Harvard University.
 134 |     </li>
 135 |         </ol>
 136 | </details>
 137 | 
 138 | <details open>
 139 |   <summary>Sites</summary>
 140 |   <details open>
 141 |     <summary>Sites - Coding Platforms</summary>
 142 |     <ol>
 143 |       <li>
 144 |         <a href="https://www.freecodecamp.org/" target="blank">FreeCodeCamp</a> - Learn to code. Build projects. Earn
 145 |         certifications. Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies
 146 |         including
 147 |       </li>
 148 |       <li>
 149 |         <a href="https://scrimba.com/" target="blank">Scrimba</a> - Our mind-blowing learning experience makes it easier
 150 |         than ever to grow your coding skills. So pick a course, start learning, and give your career the boost it
 151 |         deserves.
 152 |       </li>
 153 |       <li>
 154 |         <a href="https://codecombat.com/" target="blank">CodeCombat</a> - CodeCombat is a game-based computer science
 155 |         program where students type real code and see their characters react in real time.
 156 |       </li>
 157 |       <li>
 158 |         <a href="https://www.sololearn.com/" target="blank">SoloLearn</a> - Join the largest community of mobile code
 159 |         learners today.
 160 |       </li>
 161 |       <li>
 162 |         <a href="https://www.codingame.com/start" target="blank">Coding Game</a> - At CodinGame, our goal is to let
 163 |         programmers keep on improving their coding skills by solving the World's most challenging problems, learn new
 164 |         concepts, and get inspired by the best developers.
 165 |       </li>
 166 |       <li>
 167 |         <a href="https://www.theodinproject.com/" target="blank">The Odin Project</a> - The Odin Project is one of those
 168 |         "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or
 169 |         the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project
 170 |         is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality
 171 |         education.
 172 |       </li>
 173 |       <li>
 174 |         <a href="https://bento.io/" target="blank">Bento</a> - Bento's mission is to make technology education and
 175 |         opportunity available to all. Bento is a technology education company focused on educating and empowering the
 176 |         next generation of self-taught developers.
 177 |       </li>
 178 |       <li>
 179 |         <a href="https://www.codecademy.com/" target="blank">Codecademy</a> - Codecademy is an education company. But
 180 |         not one in the way you might think. We’re committed to building the best learning experience inside and out,
 181 |         making Codecademy the best place for our team to learn, teach, and create the online learning experience of the
 182 |         future.
 183 |       </li>
 184 |       <li>
 185 |         <a href="https://pluralsight.pxf.io/YaAdK" target="blank">Pluralsight</a> - At Pluralsight, we believe everyone
 186 |         should have the opportunity to create progress through technology and develop the skills of tomorrow. With
 187 |         assessments, learning paths and courses authored by industry experts, our platform helps businesses and
 188 |         individuals benchmark expertise across roles, speed up release cycles and build reliable, secure products.
 189 |       </li>
 190 |       <li>
 191 |         <a href="https://teamtreehouse.com/" target="blank">Treehouse</a> - Our mission is to diversify the tech
 192 |         industry through accessible education and apprenticeship, unlocking the door to opportunity and empowering
 193 |         people to achieve their dreams.
 194 |       </li>
 195 |       <li>
 196 |         <a href="https://frontendmasters.com/" target="blank">FrontEndMasters</a> - Join Now and Learn Straight from the
 197 |         Experts Who Shape the Modern Web
 198 |       </li>
 199 |       <li>
 200 |         <a href="https://linkedin-learning.pxf.io/eWX26" target="blank">LinkedIn Learning</a> - Formally Linda, LinkedIn
 201 |         Learning is one of the worlds largest course platforms with content being created monthly.
 202 |       </li>      
 203 |       <li>
 204 |         <a href="https://designgurus.org/" target="blank">Design Gurus</a> - The ultimate resource to prepare for the system design and coding interview.
 205 |       </li>
 206 |       <li>
 207 |         <a href="https://www.educative.io/" target="blank">Educative</a> - Level up your coding skills, quickly and efficiently.
 208 |       </li>
 209 |       <li>
 210 |         <a href="https://www.scaler.com/topics/hubs/" target="blank">Scaler</a> - Learn to code by reading quality content. The ultimate resources to kick start your programming journey. Also help in job interview.
 211 |       </li>
 212 |       <li>
 213 |         <a href="https://thegymnasium.com/" target="blank">Gymnasium</a> - Aquent Gymnasium offers free, online courses for digital, creative, and communications professionals to equip them with in-demand skills and advance their careers.
 214 |       </li>
 215 |       <li>
 216 |         <a href="https://hackr.io/" target="blank">Hackr.io</a> - We at Hackr.io aggregate courses from many providers to make it easy to find the best courses on almost any subject, wherever they exist on the web.
 217 |       </li>
 218 |       <li>
 219 |         <a href="https://www.codewars.com/" target="blank">Codewars</a> - Codewars is an educational community for computer programming. On the platform, software developers train on programming challenges known as kata. These discrete programming exercises train a range of skills in a variety of programming languages, and are completed within an online integrated development environment.
 220 |       </li>
 221 |       <li>
 222 |           <a href="https://www.codementor.io/experts" target="blank">Codementor</a> - Get 1-on-1 expert help from senior developers to improve your coding skills or get help with your ongoing projects.
 223 |       </li>
 224 |       <li>
 225 |         <a href="https://codeforhunger.blogspot.com/" target="blank">codeforhunger</a> - Learn to code. Learn coding from basics with examples and their solutions. learn code with projects in C.
 226 |         including
 227 |       </li>
 228 |       <li>
 229 |       <a href="https://www.interviewbit.com/practice/" target="blank">InterviewBit</a> A site that gamifies the experience of practicing for interviews and includes lots of sample problems, programming and company-specific interview questions, mock interviews and more. 
 230 |     </li>
 231 |     <li>
 232 |         <a href="https://www.codementor.io/events/" target="blank">Codementor Events</a> - A developer community and virtual events platform where developers learn and share new tools, technical concepts, and career tips.
 233 |     </ol>
 234 |   </details>
 235 |   <details open>
 236 |     <summary>Sites - Algorithm Platforms</summary>
 237 |     <ol>
 238 |       <li>
 239 |         <a href="https://www.algoexpert.io/codinggod" target="blank">AlgoExpert</a> - If you want to ace the tech
 240 |         interview, being
 241 |         well-versed in all common data structures and popular problem-solving methods is paramount. With 85 questions
 242 |         spanning 14 categories and 5 difficulty levels, we've got you covered.
 243 |       </li>
 244 |       <li>
 245 |         <a href="https://www.hackerrank.com/" target="blank">HackerRank</a> - Join Over 7 million developers, practice
 246 |         coding skills, prepare for interviews, and get hired.
 247 |       </li>
 248 |       <li>
 249 |         <a href="https://leetcode.com/" target="blank">LeetCode</a> - LeetCode is the best platform to help you enhance
 250 |         your skills, expand your knowledge and prepare for technical interviews.
 251 |       </li>
 252 |       <li>
 253 |         <a href="https://www.meetapro.com/?utm_source=ucrgit" target="blank">Meetapro</a> - An Airbnb-style mock interview & coaching platform with mock interviews hosted by experienced FAANG interviewers.
 254 |       </li>
 255 |       <li>
 256 |         <a href="https://codesignal.com/" target="blank">Code Signal</a> - formerly CodeFights a grate Algorithm site
 257 |         with a beautiful UI.
 258 |       </li>
 259 |       <li>
 260 |         <a href="https://www.codewars.com/" target="blank">Code Wars</a> - Codewars is a collective effort by its users.
 261 |         They are creators - authoring kata to teach various techniques, solving kata with solutions that enlighten
 262 |         others, and commenting with constructive feedback. The leaders among them moderate the content and community.
 263 |       </li>
 264 |       <li>
 265 |         <a href="https://exercism.io/" target="blank">Exercism</a> - Level up your programming skills with 3,173
 266 |         exercises across 51 languages, and insightful discussion with our dedicated team of welcoming mentors. Exercism
 267 |         is 100% free forever.
 268 |       </li>
 269 |       <li>
 270 |         <a href="https://projecteuler.net/">Project Euler</a> - Project Euler is a series of challenging
 271 |         mathematical/computer programming problems that will require more than just mathematical insights to solve.
 272 |         Although mathematics will help you arrive at elegant and efficient methods, the use of a computer and
 273 |         programming skills will be required to solve most problems.
 274 |       </li>
 275 |       <li>
 276 |         <a href="https://www.codechef.com/" target="blank">Code Chef</a> - CodeChef was created as a platform to help
 277 |         programmers make it big in the world of algorithms, computer programming, and programming contests. At CodeChef
 278 |         we work hard to revive the geek in you by hosting a programming contest at the start of the month and two
 279 |         smaller programming challenges at the middle and end of the month. We also aim to have training sessions and
 280 |         discussions related to algorithms, binary search, technicalities like array size and the likes.
 281 |       </li>
 282 |       <li>
 283 |         <a href="https://www.coderbyte.com/">Coderbyte</a> - Coderbyte is a web application built to help you practice
 284 |         programming and improve your coding skills. We offer a collection of code challenges and web development courses
 285 |         that can help you prepare for upcoming job interviews. The coding challenges range in difficulty and they can
 286 |         all be completed straight in our online editor.
 287 |       </li>
 288 |       <li>
 289 |         <a href="https://edabit.com/">Edabit</a> - We're like Duolingo for learning to code. When learning to code, most
 290 |         people get stuck on the "bridge" between memorizing syntax and understanding the logic that makes it all work.
 291 |       </li>
 292 |       <li>
 293 |         <a href="https://www.pramp.com/" target="blank">Pramp</a> - Join thousands of professionals practicing live mock
 294 |         interviews & interview questions online, with peers, for free. We help you prep & land your dream tech job.
 295 |       </li>
 296 |       <li>
 297 |         <a href="https://www.codility.com/" target="blank">Codility</a> - Codility is a software platform that helps
 298 |         tech recruiters and hiring managers assess their candidates' skills by testing their code online.
 299 |       </li>
 300 |       <li>
 301 |         <a href="https://www.codeabbey.com/" target="blank">CodeAbbey</a> - CodeAbbey hosts a series of simple to
 302 |         complex
 303 |         programming problems that allow the user to practice their ability to solve problems.
 304 |       </li>
 305 |       <li>
 306 |         <a href="https://adventofcode.com/" target="blank">Advent of Code</a> - Advent of Code is an Advent calendar of
 307 |         small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming
 308 |         language you like. People use them as a speed contest, interview prep, company training, university coursework,
 309 |         practice problems, or to challenge each other.
 310 |       </li>
 311 |        <li>
 312 |         <a href="https://backtobackswe.com/" target="blank">Backtobackswe</a> - Backtobackswe platform is built to give a huge edge to the people by teaching the mind and intuition interviewers probe for. The goal of he platform is to make someone ready to pass software engineering interviews at "the big 4" companies and any other large tech companies.
 313 |       </li>
 314 |       <li>
 315 |         <a href="https://www.interviewbit.com/practice/" target="blank">InterviewBit</a> - A site that gamifies the experience of practicing for interviews and includes lots of sample problems, programming language & company-specific interview questions, mock interviews and more. 
 316 |       </li>
 317 |     </ol>
 318 |   </details>
 319 |   <details open>
 320 |     <summary>Sites - Course Sites</summary>
 321 |     <ol>
 322 |       <li>
 323 |         <a href="https://www.skillshare.com/r/user/dylanisrael">SkillShare</a> - SkillShare has a ton of free courses
 324 |         and access to tens of thousands of paid courses all for the low price of $10 a month.
 325 |       </li>
 326 |       <li>
 327 |         <a href="https://www.udemy.com/" target="blank">Udemy</a> - The leading global marketplace for learning and
 328 |         instruction. By connecting students all over the world to the best instructors, Udemy is helping individuals
 329 |         reach their goals and pursue their dreams
 330 |       </li>
 331 |       <li>
 332 |         <a href="https://thinkster.io/" target="blank">Thinkster</a> - a better way to learn. Learn how real apps are
 333 |         built, from scratch, using the latest frameworks.
 334 |       </li>
 335 |       <li>
 336 |         <a href="https://frontendmasters.com/" target="blank">Frontend Masters</a> - Advance Your Skills with In-Depth,
 337 |         Modern Front-End Engineering Courses
 338 |       </li>
 339 |       <li>
 340 |         <a href="https://egghead.io/" target="blank">EggHead</a> - egghead is a group of working web development
 341 |         professionals and open source contributors that provide you with concise, information dense video courses on the
 342 |         best tools in the industry.
 343 |       </li>
 344 |       <li>
 345 |         <a href="https://laracasts.com/">Laracasts</a> - Push your web development skills to the next level, through
 346 |         expert screencasts on Laravel, Vue, and so much more.
 347 |       </li>
 348 |       <li>
 349 |         <a href="https://www.udacity.com/?coupon=UDACAFFIL2020" target="blank">Udacity</a> - Our mission is to power
 350 |         careers through tech education. We partner with leading technology companies to learn how technology is
 351 |         transforming industries, and teach the critical tech skills that companies are looking for in their workforce.
 352 |       </li>
 353 |       <li>
 354 |         <a href="https://www.khanacademy.org/" target="blank">Khan Academy</a> - Khan Academy offers practice exercises,
 355 |         instructional videos, and a personalized learning dashboard that empower learners to study at their own pace in
 356 |         and outside of the classroom. We tackle math, science, computer programming, history, art history, economics,
 357 |         and more.
 358 |       </li>
 359 |       <li>
 360 |         <a href="https://codecourse.com/" target="blank">Codecourse</a> - Rather than just teach theory, we focus on
 361 |         real code to inspire your next project. Learning shouldn't be boring, so let's have some fun.
 362 |       </li>
 363 |       <li>
 364 |         <a href="https://javascript30.com/" target="blank">JavaScript 30</a> - 30 Day Vanilla JS Coding Challenge. Build
 365 |         30 things in 30 days with 30 tutorials. No Frameworks. No Compilers. No Libraries. No Boilerplate.
 366 |       </li>
 367 |       <li>
 368 |         <a href="https://flexboxfroggy.com/" target="blank">Flexbox Froggy</a> - Welcome to Flexbox Froggy, a game where
 369 |         you help Froggy and friends by writing CSS code!
 370 |       </li>
 371 |       <li>
 372 |         <a href="https://ocw.mit.edu/index.htm" target="blank">MIT OpenCourseWare</a> - MIT OpenCourseWare is a
 373 |         web-based publication of virtually all MIT course content. OCW is open and available to the world and is a
 374 |         permanent MIT activity.
 375 |       </li>
 376 |       <li>
 377 |         <a href="https://www.coursera.org/" target="blank">Coursera</a> - Join Coursera for free and learn online. Build
 378 |         skills with courses from top universities like Yale, Michigan, Stanford, and leading companies like Google and
 379 |         IBM.
 380 |       </li>
 381 |       <li>
 382 |       <a href="https://brilliant.org/" target="blank">Brilliant</a> - Build quantitative skills in math, science, and computer science with fun and challenging interactive explorations.
 383 |       </li>
 384 |             <li>
 385 |       <a href="https://www.edx.org/" target="blank">edX</a> - edX is the trusted platform for education and learning. Founded by Harvard and MIT, edX is home to more than 20 million learners, the majority of top-ranked universities in the world and industry-leading companies.
 386 |       </li>
 387 |     </ol>
 388 |   </details>
 389 |   <details open>
 390 |     <summary>Sites - Career & Job Sites</summary>
 391 |     <ol>
 392 |       <li>
 393 |         <a href="https://www.wayup.com/" target="blank">WayUp</a> - is the industry leader for college students and
 394 |         recent grads to get hired.
 395 |       </li>
 396 |       <li>
 397 |         <a href="https://novoresume.com/">NovoResume</a> - Novorésumé began in 2014 when Andrei, Cristian, and Stefan
 398 |         noticed a common problem among several of their contacts. Despite having extensive work experience and
 399 |         impressive skill sets, these individuals didn’t know how to showcase their talents with a professional resume
 400 |         and cover letter. Sensing an opportunity to help others with their job search, the three of them joined forces
 401 |         in exploring possible solutions as part of a university project.
 402 |       </li>
 403 |       <li>
 404 |         <a href="https://www.glassdoor.com/index.htm">Glassdoor</a> - Search millions of jobs and get the inside scoop
 405 |         on companies with employee reviews, personalized salary tools, and more.
 406 |       </li>
 407 |       <li>
 408 |         <a href="https://angel.co/">AngelList</a> - Apply privately to 130,000+ tech & startup jobs with one
 409 |         application. See salary and equity upfront.
 410 |       </li>
 411 |       <li>
 412 |         <a href="https://www.bls.gov/audience/jobseekers.htm">U.S. Bureau of Labor Statistics</a> - The U.S. Bureau of
 413 |         Labor Statistics provides a selection of useful reports on employment statistics and 10-year forecasts. Use them
 414 |         to determine if the career you’ve chosen is experiencing — or is likely to experience — a talent shortage. If
 415 |         so, you can expect a higher starting salary or more appealing perks if your skills match up with employers’
 416 |         needs.
 417 |       </li>
 418 |       <li>
 419 |         <a href="https://www.payscale.com/">PayScale</a> - WHAT AM I WORTH? What your skills are worth in the market is
 420 |         constantly changing.
 421 |       </li>
 422 |       <li>
 423 |         <a href="https://www.salary.com/">Salary</a> - Understand your worth and plan your next career move with
 424 |         easy-to-use tools.
 425 |       </li>
 426 |       <li>
 427 |         <a href="https://www.linkedin.com/" target="blank">LinkedIn</a> - Welcome to LinkedIn, the world's largest
 428 |         professional network with nearly 660+ million users in more than 200 countries and territories worldwide.
 429 |       </li>
 430 |       <li>
 431 |         <a href="https://resume.github.io/" target="blank">Github
 432 |           Resume</a> - As a software startup owner I really enjoy when people send us their résumés and they include
 433 |         their github account so we can see tangible work they have done.
 434 |       </li>
 435 |       <li>
 436 |         <a href="https://hashnode.com/" target="blank">HashNode</a> - Hashnode is the easiest way to connect with the
 437 |         best developers from around the world and grow your career!
 438 |       </li>
 439 |             <li>
 440 |         <a href="https://www.levels.fyi/" target="blank">levels.fyi</a> - we break down the total compensation packages for multiple levels of software engineers at the largest tech companies.
 441 |       </li>
 442 |     </ol>
 443 |   </details>
 444 |   <details open>
 445 |     <summary>Sites - Documentation</summary>
 446 |     <ol>
 447 |       <li>
 448 |         <a href="https://www.w3schools.com/" target="blank">W3Schools</a> - W3Schools is optimized for learning,
 449 |         testing, and training. Examples might be simplified to improve reading and basic understanding.
 450 |       </li>
 451 |       <li>
 452 |         <a href="https://developer.mozilla.org/en-US/" target="blank">Mozilla</a> - MDN's mission is simple: to provide
 453 |         developers with the information they need to easily build projects on the open Web. If it's an open technology
 454 |         exposed to the Web, we want to document it.
 455 |       </li>
 456 |       <li>
 457 |         <a href="https://stackoverflow.com/" target="blank">Stack Overflow</a> - Founded in 2008, Stack Overflow is the
 458 |         largest, most trusted online community for anyone that codes to learn, share their knowledge, and build their
 459 |         careers. More than 50 million unique visitors come to Stack Overflow each month to help solve coding problems,
 460 |         develop new skills, and find job opportunities.
 461 |       </li>
 462 |       <li>
 463 |         <a href="https://devdocs.io/">DevDocs</a> - Fast, offline, and free documentation browser for developers. Search
 464 |         100+ docs in one web app.
 465 |       </li>
 466 |       <li>
 467 |         <a href="https://www.30secondsofcode.org/">30 Seconds of Code</a> - Short code snippets for all your development
 468 |         needs.
 469 |       </li>
 470 |       <li>
 471 |         <a href="https://12factor.net/">The Twelve-Factor App</a> - In the modern era, software is commonly delivered as a service: called web apps, or software-as-a-service. The twelve-factor app is a methodology for building software-as-a-service apps.
 472 |       </li>
 473 |     </ol>
 474 |   </details>
 475 |   <details open>
 476 |     <summary>Sites - Freelance & Contract Work</summary>
 477 |     <ol>
 478 |       <li>
 479 |         <a href="https://www.upwork.com/" target="blank">Upwork</a> - To connect businesses with great talent to work
 480 |         without limits.
 481 |       </li>
 482 |       <li>
 483 |         <a href="https://www.toptal.com/" target="blank">Toptal</a> - Toptal is an exclusive network of the top
 484 |         freelance software developers, designers, finance experts, product managers, and project managers in the world.
 485 |       </li>
 486 |       <li>
 487 |         <a href="https://craigslist.org" target="blank">Craigslist</a> - Small web dev projects and web sites can be
 488 |         picked up pretty easily in the jobs or gigs section.
 489 |       </li>
 490 |     </ol>
 491 |   </details>
 492 |   <details open>
 493 |     <summary>Sites - Style & Component Libraries</summary>
 494 |     <ol>
 495 |       <li>
 496 |         <a href="https://tailwindcss.com/" target="blank">TailwindCSS</a> - A utility-first css framework that's a pleasure to use.
 497 |       </li>
 498 |       <li>
 499 |         <a href="https://tailwindui.com/" target="blank">TailwindUI</a> - Tailwind's component library.
 500 |       </li>
 501 |       <li>
 502 |         <a href="https://getbootstrap.com/" target="blank">Bootstrap</a> - Bootstrap is an open source toolkit for
 503 |         developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables
 504 |         and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
 505 |       </li>
 506 |       <li>
 507 |         <a href="https://materializecss.com/" target="blank">Materialize</a> - Materialize is a modern responsive CSS
 508 |         framework based on Material Design by Google.
 509 |       </li>
 510 |       <li>
 511 |         <a href="https://bulma.io/" target="blank">Bulma</a> - Bulma is a free, open source CSS framework based on
 512 |         Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
 513 |       </li>
 514 |       <li>
 515 |         <a href="https://getuikit.com/" target="blank">UIkit</a> - A lightweight and modular front-end framework for
 516 |         developing fast and powerful web interfaces.
 517 |       </li>
 518 |       <li>
 519 |         <a href="https://purecss.io/" target="blank">Pure.css</a> - A set of small, responsive CSS modules that you can
 520 |         use in every web project.
 521 |       </li>
 522 |       <li>
 523 |         <a href="https://fontawesome.com/" target="blank">Font Awesome</a> - Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
 524 |       </li>
 525 |     </ol>
 526 |   </details>
 527 |   <details open>
 528 |     <summary>Sites - Hackathons</summary>
 529 |     <ol>
 530 |       <li>
 531 |         <a href="https://angelhack.com/" target="blank">AngelHack</a> - The world's most diverse hacker community,
 532 |         driving
 533 |         innovation of tech products through developer programs.
 534 |       </li>
 535 |       <li>
 536 |         <a href="https://mlh.io/" target="blank">Major League Hacking</a> - The official collegiate hackathon league. .
 537 |       </li>
 538 |     </ol>
 539 |   </details>
 540 | 
 541 |   <details open>
 542 |     <summary>Sites - Code Playgrounds</summary>
 543 |     <ol>
 544 |       <li>
 545 |         <a href="https://jsfiddle.net/" target="blank">JSFiddle</a> - Test your JavaScript, CSS, HTML or CoffeeScript
 546 |         online with JSFiddle code editor.
 547 |       </li>
 548 |       <li>
 549 |         <a href="https://codepen.io/" target="blank">Codepen</a> - CodePen is an online community for testing and
 550 |         showcasing user-created HTML, CSS and JavaScript code snippets. It functions as an online code editor and
 551 |         open-source learning environment, where developers can create code snippets, called "pens," and test them.
 552 |       </li>
 553 |       <li>
 554 |         <a href="https://stackblitz.com/" target="blank">StackBlitz</a> - Code the Future.
 555 |         In Your Browser.
 556 |         Create, edit & deploy fullstack apps — in just one click.
 557 |       </li>
 558 |       <li>
 559 |         <a href="https://repl.it/" target="blank">Repl.it</a> - Powerful and simple online compiler, IDE, interpreter,
 560 |         and REPL. Code, compile, and run code in 50+ programming languages.
 561 |       </li>
 562 |       <li>
 563 |         <a href="https://codesandbox.io/" target="blank">CodeSandbox.io</a> - Founded in 2017 by Ives van Hoorne and Bas
 564 |         Buursma, our mission is to make web development faster. By removing complexity we enable web developers to be
 565 |         more productive. By simplifying collaboration we make it easier for teams to work on code together.
 566 |       </li>
 567 |          <li>
 568 |         <a href="https://www.interviewbit.com/online-c-compiler/" target="blank">InterviewBit</a> - Practice and execute C programs with our online compiler(supports gcc c compiler).
 569 |        </li>
 570 |        <li>
 571 |         <a href="https://ide.new/cpp" target="blank">InterviewBit</a> - An online compiler that helps code and run your programs online. 
 572 |       </li>
 573 |     </ol>
 574 |   </details>
 575 | 
 576 |   <details open>
 577 |     <summary>Sites - Tools</summary>
 578 |     <ol>
 579 |       <li>
 580 |         <a href="https://trello.com/" target="blank">Trello</a> - Whether it’s for work, a side project or even the next
 581 |         family vacation, Trello helps your team stay organized.
 582 |       </li>
 583 |       <li>
 584 |         <a href="https://slack.com/" target="blank">Slack</a> - Slack replaces email inside your company.
 585 |         Discuss, collaborate, share — work is better without the inbox.
 586 |       </li>
 587 |       <li>
 588 |         <a href="https://github.com/" target="blank">Github</a> - We’re supporting a community where more than 40
 589 |         million* people learn, share, and work together to build software.
 590 |       </li>
 591 |       <li>
 592 |         <a href="https://hyper.is/" target="blank">Hyper Terminal</a> - The goal of the project is to create a beautiful
 593 |         and extensible experience for command-line interface users, built on open web standards. In the beginning, our
 594 |         focus will be primarily around speed, stability and the development of the correct API for extension authors.
 595 |       </li>
 596 |       <li>
 597 |         <a href="https://justgetflux.com/" target="blank">f.lux</a> - f.lux fixes this: it makes the color of your
 598 |         computer's display adapt to the time of day, warm at night and like sunlight during the day.
 599 |       </li>
 600 |       <li>
 601 |         <a href="https://www.getpostman.com/" target="blank">Postman</a> - Postman is the only complete API development
 602 |         environment. Today we have 8 million developers and over 400K companies using our comprehensive set of built-in
 603 |         tools to support every stage of the API lifecycle.
 604 |       </li>
 605 |       <li>
 606 |         <a href="https://insomnia.rest/" target="blank">Insomnia</a> - Insomnia is a cross-platform GraphQL and REST
 607 |         client, available for Mac, Windows, and Linux.
 608 |       </li>
 609 |       <li>
 610 |         <a href="https://www.gitkraken.com/" target="blank">GitKraken</a> - Unleash GitKraken! Three legendary developer
 611 |         productivity tools: the Git GUI Client for Windows/Mac/Linux development.
 612 |       </li>
 613 |     </ol>
 614 |   </details>
 615 | 
 616 |   <details open>
 617 |     <summary>Sites - Misc</summary>
 618 |     <ol>
 619 |       <li>
 620 |         <a href="http://bit.ly/2Puf8Ek" target="blank">Autonomous</a> - the goto place for automated standing desks,
 621 |         treadmills and everything dev furniture related.
 622 |       </li>
 623 |       <li>
 624 |         <a href="https://unsplash.com/" target="blank">Unsplash</a> - The internet’s source of freely usable images.
 625 |       </li>
 626 |       <li>
 627 |         <a href="https://www.humblebundle.com/?partner=coding360">Humble Bundle</a> - although known for their games.
 628 |         Now adays EBook bundles around web development are becoming increasingly popular.
 629 |       </li>
 630 |       <li>
 631 |         <a href="https://www.canva.com/">Canva</a> - Create beautiful designs with your team. Use Canva's drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.
 632 |       </li>
 633 |     </ol>
 634 |   </details>
 635 | </details>
 636 | 
 637 | <details open>
 638 |   <summary>YouTube Channels</summary>
 639 |   <ol>
 640 |     <li>
 641 |       <a href="https://www.youtube.com/user/pizzapokerguy87" target="blank">Dylan Israel</a> - Dylan is a self-taught
 642 |       programmer who produces some amazing content, both informational and tutorials videos.
 643 |     </li>
 644 |     <li>
 645 |       <a href="https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA" target="blank">Traversy Media</a> - Brad is
 646 |       also a self-taught programmer who produces informational and tutorial based videos.
 647 |     </li>
 648 |     <li>
 649 |       <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.
 650 |     </li>  
 651 |     <li>
 652 |       <a href="https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w" target="blank">Academind</a> - Web development
 653 |       tutorial videos.
 654 |     </li>
 655 |     <li>
 656 |       <a href="https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow" target="blank">DesignCourse</a> - Gary teach
 657 |       full stack development. Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic
 658 |       Design and more.
 659 |     </li>
 660 |     <li>
 661 |       <a href="https://www.youtube.com/channel/UCAQjmY2DJqwU3Eqz0oN83aw" target="blank">Eduonix Learning Solutions</a> -
 662 |       Eduonix Learning Solutions is an esteemed name in the e-learning field and has a vast library of web designing and
 663 |       development courses to help cater the learning needs of all individuals.
 664 |     </li>
 665 |     <li>
 666 |       <a href="https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ" target="blank">freeCodeCamp.org</a> - Hours and
 667 |       hours of tutorial videos.
 668 |     </li>
 669 |     <li>
 670 |       <a href="https://www.youtube.com/channel/UC-ptWR16ITQyYOglXyQmpzw" target="blank">IAmTimCorey</a> - Tim creates
 671 |       courses dedicated to C#, SQL and more.
 672 |     </li>
 673 |     <li>
 674 |       <a href="https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA" target="blank">Programming with Mosh</a> - Mosh
 675 |       produces amazing courses for both frontend and backend development.
 676 |     </li>
 677 |     <li>
 678 |       <a href="https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/featured" target="blank">The Net Ninja</a> -
 679 |       Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, HTML & CSS, Plus
 680 |       loads more.
 681 |     </li>
 682 |     <li>
 683 |       <a href="https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q" target="blank">Dev Ed</a> - Very Funny and Good
 684 |       Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js,CSS coolAnimations, HTML & CSS, Plus
 685 |       loads more.
 686 |     </li>
 687 |     <li>
 688 |       <a href="https://www.youtube.com/channel/UCs_tLP3AiwYKwdUHpltJPuA" target="blank">GOTO; Conferences</a> - A very
 689 |       interesting conference channel with a lot of different topics, front-end, back-end, architecture, security...
 690 |     </li>
 691 |   </ol>
 692 | </details>
 693 | 
 694 | <details open>
 695 |   <summary>Wireframes and Mockups</summary>
 696 |   <ol>
 697 |     <li>
 698 |       <a href="https://www.invisionapp.com/" target="blank">InVision</a> - InVision is the digital product design
 699 |       platform used to make the world's best customer experiences.
 700 |     </li>
 701 |     <li>
 702 |       <a href="https://balsamiq.com/" target="blank">Balsamiq</a> - Balsamiq is the company behind Balsamiq Wireframes,
 703 |       the industry standard low-fidelity wireframing tool.
 704 |     </li>
 705 |     <li>
 706 |       <a href="https://www.figma.com/" target="blank">Figma</a> - A better way to design. Design, prototype, and
 707 |       gather feedback all in one place with Figma.
 708 |     </li>
 709 |     <li>
 710 |       <a href="https://www.sketch.com/" target="blank">Sketch</a> - Sketch is a design toolkit built to help you create
 711 |       your best work — from your earliest ideas, through to final artwork.
 712 |     </li>
 713 |   </ol>
 714 | </details>
 715 | 
 716 | <details open>
 717 |   <summary>Package Managers</summary>
 718 | 
 719 |   <ol>
 720 |     <li>
 721 |       <a href="https://yarnpkg.com/" target="blank">Yarn</a> - Yarn caches every package it downloads so it never needs
 722 |       to download it again.
 723 |     </li>
 724 |     <li>
 725 |       <a href="https://www.npmjs.com/" target="blank">npm</a> - We're npm, Inc., the company behind Node package
 726 |       manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and
 727 |       selling useful tools for developers like you.
 728 |   </ol>
 729 | 
 730 | </details>
 731 | 
 732 | <details open>
 733 |   <summary>Text Editors</summary>
 734 |   <ol>
 735 |     <li>
 736 |       <a href="https://code.visualstudio.com/" target="blank">VSCode Text Editor</a> - Code editing. Redefined. Free.
 737 |       Built on open source. Runs everywhere.
 738 |     </li>
 739 |     <li>
 740 |       <a href="https://atom.io/" target="blank">Atom</a> - Teletype for Atom makes collaborating on code just as easy as
 741 |       it is to code alone, right from your editor.
 742 |     </li>
 743 |     <li>
 744 |       <a href="https://www.sublimetext.com/" target="blank">Sublime</a> - Sublime Text is a sophisticated text editor
 745 |       for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.
 746 |     </li>
 747 |     <li>
 748 |       <a href="https://notepad-plus-plus.org/" target="blank">Notepad++</a> - Notepad++ is a free (as in “free speech”
 749 |       and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in
 750 |       the MS Windows environment, its use is governed by GPL License.
 751 |     </li>
 752 |     <li>
 753 |       <a href="https://www.vim.org/" target="blank">Vim</a> - Vim is a highly configurable text editor for efficiently
 754 |       creating and changing any kind of text. It is included as "vi" with most UNIX systems and with Apple OS X.
 755 |     </li>
 756 |     <li>
 757 |       <a href="http://brackets.io/" target="blank">Brackets</a> - A modern, open source text editor that understands web
 758 |       design.
 759 |     </li>
 760 |     <li>
 761 |       <a href="https://codelobster.com/" target="blank">CodeLobster</a> - A free cross-platform editor with many plug-ins for all popular frameworks.
 762 |     </li>
 763 |   </ol>
 764 | 
 765 | </details>
 766 | 
 767 | <details open>
 768 |   <summary>Blogs</summary>
 769 |   <ol>
 770 |     <li><a href="https://www.programwitherik.com/" target="blank">Program with Erik</a> - Erik is a two time author,
 771 |       YouTuber, Podcastor an much more. His blog includes tutorials, rantings and musings on software development, with
 772 |       a focus on JavaScript, Ember.js, Vue.js and Node.js.
 773 |     </li>
 774 |     <li>
 775 |       <a href="https://overreacted.io/" target="blank">Overreacted</a> - Dan Abramov's `I explain with words and code.`
 776 |     </li>
 777 |     <li>
 778 |       <a href="https://css-tricks.com/" target="blank">CSS-Tricks</a> - Daily articles about CSS, HTML, JavaScript, and
 779 |       all things related to web design and development.
 780 |     </li>
 781 |     <li>
 782 |       <a href="https://davidwalsh.name/" target="blank">David Walsh</a> - A blog featuring tutorials about JavaScript,
 783 |       HTML5, AJAX, PHP, CSS, WordPress, and everything else development.
 784 |     </li>
 785 |     <li>
 786 |       <a href="https://www.freecodecamp.org/news/" target="blank">FreeCodeCamp</a> - Learn to code. Build projects. Earn
 787 |       certifications. Since 2015, 40000 graduates have gotten jobs at tech companies including Google, Apple, Amazon and
 788 |       more.
 789 |     </li>
 790 |     <li>
 791 |       <a href="https://blog.webdevsimplified.com/" target="blank">Web Dev Simplified</a> - The official Web Dev Simplified blog by Kyle Cook. Short and simple articles on web development.
 792 |     </li>
 793 |     <li>
 794 |       <a href="http://blog.cleancoder.com/" target="blank">Clean Code</a> - Robert Martin's (Uncle Bob) blog.
 795 |     </li>
 796 |     <li>
 797 |       <a href="http://codewall.co.uk/" target="blank">CodeWall</a> - Tutorials and technical articles spanning a range of web development technologies.
 798 |     </li>
 799 |   </ol>
 800 | </details>
 801 | 
 802 | <details open>
 803 |   <summary>Podcasts</summary>
 804 | 
 805 |   <ol>
 806 |     <li><a href="https://www.selftaughtornot.com/" target="blank">Self-Taught or Not</a> - Self-Taught or Not covers the
 807 |       do's and don'ts of software development, hosted by Dylan Israel & Erik Hanchett. New episodes every Monday!
 808 |     </li>
 809 |     <li><a href="https://techjr.dev/" target="blanl">Tech Jr.</a> - Lee Warrick and Edwin Otero explore what it's like
 810 |       to break into the Tech field as junior developers as well as how to stay up-to-date on new technology.
 811 |     <li><a href="https://6figuredev.com/" target="blank">The 6 Figure Dev</a> - interviews developers to dive deep in
 812 |       their experiences, how to increase your income, and dive deep into their guests projects.
 813 |     </li>
 814 |     <li>
 815 |       <a href="https://podcast.freecodecamp.org/">FreeCodeCamp</a> - The official podcast of the freeCodeCamp open
 816 |       source community. Learn to code with free online courses, programming projects, and interview preparation for
 817 |       developer jobs.
 818 |     </li>
 819 |     <li>
 820 |       <a href="https://realtalkjavascript.simplecast.com/" target="blank">Real Talk JavaScript</a> - Dive into
 821 |       JavaScript and Web development stories with hosts John Papa, Ward Bell, and Dan Wahlin. Sponsored by Nrwl.io A
 822 |       weekly podcast where we tackle the challenges facing Web developers today and invite expert guests on the show to
 823 |       share ktheir experience solving concrete problems while building real Web applications.
 824 |     </li>
 825 |     <li>
 826 |       <a href="https://vanillajspodcast.com/" target="blank">The Vanilla JS Podcast</a> - A show about JavaScript for
 827 |       people who hate the complexity of modern front‑end web development, hosted by Chris Ferdinandi.
 828 |     </li>
 829 |     <li>
 830 |       <a href="https://egghead.io/podcasts" target="blank">EggHead.io Developer Chats</a> - Humans talking about the
 831 |       business of building software, constant learning, and balancing it with everyday life.
 832 |     </li>
 833 |     <li>
 834 |       <a href="https://syntax.fm/" target="blank">Syntax.fm</a> - A Tasty Treats Podcast for Web Developers by Wes Bos &
 835 |       Scott Tolinski.
 836 |     </li>
 837 |     <li>
 838 |       <a href="https://frontendhappyhour.com/">Front End Happy Hour</a> - A podcast featuring a panel of Software
 839 |       Engineers from Netflix, Twitch, Atlassian & Airbnb talking over drinks about all things Front End development.
 840 |     </li>
 841 |     <li>
 842 |       <a href="https://www.codenewbie.org/podcast">CodeNewbie</a> - CodeNewbie Podcast Stories from people on their
 843 |       coding journey.
 844 |     </li>
 845 |     <li>
 846 |       <a href="https://www.redhat.com/en/command-line-heroes">Command Line Heroes</a> - A podcast about the people who transform technology from the command line. Presented by Red Hat.
 847 |     </li>
 848 |   </ol>
 849 | </details>
 850 | 
 851 | <details open>
 852 |   <summary>VSCode Extensions</summary>
 853 |   <ol>
 854 |     <li>
 855 |       <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="blank">Live Server</a>
 856 |       - Launch a development local Server with live reload feature for static & dynamic pages.
 857 |     </li>
 858 |     <li>
 859 |       <a href="https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync" target="blank">Settings
 860 |         Sync</a> - Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions
 861 |       Across Multiple Machines Using GitHub Gist.
 862 |     </li>
 863 |     <li>
 864 |       <a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer"
 865 |         target="blank">Bracket Pair Colorizer</a> - A customizable extension for colorizing matching brackets.
 866 |     </li>
 867 |     <li>
 868 |       <a href="https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode" target="blank">Quokka</a> -
 869 |       Live Scratchpad for JavaScript.
 870 |     </li>
 871 |     <li>
 872 |       <a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare" target="blank">Live
 873 |         Share</a> - Real-time collaborative development from the comfort of your favorite tools.
 874 |     </li>
 875 |     <li>
 876 |       <a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"
 877 |         target="blank">Code Spell Checker</a> - Spelling checker for source code.
 878 |     </li>
 879 |     <li>
 880 |       <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode#overview"
 881 |         target="blank">Prettier</a> - Prettier is an opinionated code formatter. It enforces a consistent style by
 882 |       parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping
 883 |       code when necessary.
 884 |     </li>
 885 |     <li>
 886 |       <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" target="blank">Auto
 887 |         Rename Tag</a> - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
 888 |     </li>
 889 |     <li>
 890 |       <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" target="blank">ESLint</a> -
 891 |       The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one
 892 |       the extension looks for a global install version. If you haven't installed ESLint either locally or globally do so
 893 |       by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global
 894 |       install.
 895 |     </li>
 896 |     <li>
 897 |       <a href="https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig"
 898 |         target="blank">EditorConfig</a> - This plugin attempts to override user/workspace settings with settings found
 899 |       in .editorconfig files. No additional or vscode-specific files are required. As with any EditorConfig plugin, if
 900 |       root=true is not specified, EditorConfig will continue to look for an .editorconfig file outside of the project.
 901 |     </li>
 902 |     <li>
 903 |       <a href="https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview"
 904 |         target="blank">Browser Preview</a> - Browser Preview for VS Code enables you to open a real browser preview
 905 |       inside your editor that you can debug. Browser Preview is powered by Chrome Headless, and works by starting a
 906 |       headless Chrome instance in a new process.
 907 |     </li>
 908 |     <li>
 909 |       <a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome" target="blank">Chrome
 910 |         Debugger</a> - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome
 911 |       Debugger protocol.
 912 |     </li>
 913 |     <li>
 914 |       <a href="https://marketplace.visualstudio.com/items?itemName=humao.rest-client" target="blank">REST Client</a> -
 915 |       REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.
 916 |     </li>
 917 |     <li>
 918 |       <a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost" target="blank">Import
 919 |         Cost</a> - This extension will display inline in the editor the size of the imported package. The extension
 920 |       utilizes webpack with babili-webpack-plugin in order to detect the imported size.
 921 |     </li>
 922 |     <li>
 923 |       <a href="https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics" target="blank">Code
 924 |         Metrics</a> - Computes complexity in TypeScript / JavaScript / Lua files.
 925 |     </li>
 926 |   </ol>
 927 | </details>
 928 | 
 929 | <details open>
 930 |   <summary>Conferences</summary>
 931 |   <ol>
 932 |     <li>
 933 |       <a href="https://devfest.withgoogle.com/" target="blank">DevFest</a> - DevFests are community-led developer events
 934 |       hosted by Google Developer Groups around the globe. GDGs are focused on community building and learning about
 935 |       Google’s technologies.
 936 |     </li>
 937 |     <li>
 938 |       <a href="https://www.ng-conf.org/" target="blank">NG-CONF</a> - World's Original Angular Conference.
 939 |     </li>
 940 |     <li>
 941 |       <a href="https://angelhack.com/" target="blank">AngelHack</a> - The world's most diverse hacker community, driving
 942 |       innovation of tech products through developer programs.
 943 |     </li>
 944 |   </ol>
 945 | </details>
 946 | 
 947 | <details open>
 948 |   <summary>Community</summary>
 949 | 
 950 |   <details open>
 951 |     <summary>Community - Facebook Groups</summary>
 952 |     <ol>
 953 |       <li>
 954 |         <a href="https://www.facebook.com/groups/190277791450732/">Code, Tech & Caffeine</a> - Coding noobs to senior
 955 |         devs
 956 |         to those just interested in technology this group is for you. This group is devoted to sharing helpful and
 957 |         interesting items in software and technology.
 958 |       </li>
 959 |       <li>
 960 |         <a href="https://www.facebook.com/groups/759985267390294" target="blank">Hackathon Hackers</a> - This is the
 961 |         all-inclusive hackathons group.
 962 |       </li>
 963 |       <li>
 964 |         <a href="https://www.facebook.com/groups/318334558529855" target="blank">Hacking and Coding Tutorials</a> - A
 965 |         closed group for technical enthusiasts interesting in hacking and coding. A place to openly discuss and share
 966 |         ideas and ask for help from real and certified hackers and programmers.
 967 |       </li>
 968 |       <li>
 969 |         <a href="https://www.facebook.com/programmingjokes" target="blank">Programming Jokes</a> - 1000+ Jokes Only
 970 |         Programmers Will Get
 971 |       </li>
 972 |       <li>
 973 |         <a href="https://www.facebook.com/ilp18/" target="blank">I Love Programming</a> - Welcome to one of the most
 974 |         popular Facebook page related to programming :)
 975 |         Here we share best tutorials, news, YouTube videos and memes related to programming.
 976 |       </li>
 977 |     </ol>
 978 |   </details>
 979 | 
 980 |   <details open>
 981 |     <summary>Community - Forums (Subreddits, etc.)</summary>
 982 |     <ol>
 983 |       <li>
 984 |         <a href="https://www.freecodecamp.org/forum/" target="blank">FreeCodeCamp</a> - Learn to code and get a
 985 |         developer job. This community will help you.
 986 |       </li>
 987 |       <li>
 988 |         <a href="https://hackernoon.com/" target="blank">Hacker Noon</a> - How hackers start their afternoons.
 989 |       </li>
 990 |       <li>
 991 |         <a href="https://www.reddit.com/r/learnprogramming/" target="blank">Learn Programming</a> - A subreddit for all
 992 |         questions related to programming in any language.
 993 |       </li>
 994 |       <li>
 995 |         <a href="https://www.reddit.com/r/dailyprogrammer/" target="blank">Daily Programmer</a> - 3 Programming
 996 |         Challenges
 997 |         a week!
 998 |       </li>
 999 |       <li>
1000 |         <a href="https://www.reddit.com/r/webdev/" target="blank">WebDev</a> - A community dedicated to all things web
1001 |         development: both front-end and back-end.
1002 |       </li>
1003 |       <li>
1004 |         <a href="https://www.reddit.com/r/javascript/" target="blank">JavaScript</a> - All about the JavaScript
1005 |         programming language!
1006 |       </li>
1007 |       <li>
1008 |         <a href="https://www.reddit.com/r/coding/" target="blank">Coding</a> - Welcome to r/coding
1009 |       </li>
1010 |     </ol>
1011 |   </details>
1012 | 
1013 |   <details open>
1014 |     <summary>Community - Organization & Inclusion</summary>
1015 |     <ol>
1016 |       <li>
1017 |         <a href="https://www.meetup.com/" target="blank">Meetup</a> - Find Meetups so you can do more of what matters to
1018 |         you. Or create your own group and meet people near you who share your interests.
1019 |       </li>
1020 |       <li>
1021 |         <a href="https://code.org" target="blank">Code.org</a> - Code.org® is a nonprofit dedicated to expanding access
1022 |         to computer science in schools and increasing participation by women and underrepresented minorities.
1023 |       </li>
1024 |       <li>
1025 |         <a href="https://www.womenwhocode.com/" target="blank">Women Who Code</a> - Women Who Code (WWCode) is a global
1026 |         501(c)(3) non-profit organization dedicated to inspiring women to excel in technology careers.
1027 |       </li>
1028 |       <li>
1029 |         <a href="https://dev.to/" target="blank">Dev.to</a> - DEV is a community of software developers getting together
1030 |         to help one another out. The software industry relies on collaboration and networked learning. We provide a
1031 |         place for that to happen.
1032 |       </li>
1033 |     </ol>
1034 |   </details>
1035 | </details>
1036 | 
1037 | <details open>
1038 |   <summary>Chrome Extensions</summary>
1039 |   <ol>
1040 |     <li>
1041 |       <a href="https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en"
1042 |         target="blank">Lightshot</a> - Simple and convenient screenshot tool. Select an area, edit your screenshot and
1043 |       upload it to the server.
1044 |     </li>
1045 |     <li>
1046 |       <a href="https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en"
1047 |         target="blank">JSON Formatter</a> - Makes JSON easy to read. Open source.
1048 |     </li>
1049 |     <li>
1050 |       <a href="https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo"
1051 |         target="blank">Form Filler</a> - Fill all inputs in a page with dummy data.
1052 |     </li>
1053 |     <li>
1054 |       <a href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en"
1055 |         target="blank">Wappalyzer</a> - Wappalyzer is a cross-platform utility that uncovers the technologies used on
1056 |       websites. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics
1057 |       tools and many more.
1058 |     </li>
1059 |     <li>
1060 |       <a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp"
1061 |         target="blank">Web Developer Checklist</a> - For web developers who wants to make sure they follow best
1062 |       practices. This extension allows you to very easily discover problem areas in your website.
1063 |     </li>
1064 |     <li>
1065 |       <a href="https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en%20"
1066 |         target="blank">IE Tab</a> - Display web pages using IE within Chrome. Use Java, Silverlight, ActiveX,
1067 |       Sharepoint, and more. A "Top 10" extension since 2009!
1068 |     </li>
1069 |     <li>
1070 |       <a href="https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk"
1071 |         target="blank">Lighthouse</a> - Lighthouse is an open-source, automated tool for improving the performance,
1072 |       quality, and correctness of your web apps.
1073 |     </li>
1074 |     <li>
1075 |       <a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm"
1076 |         target="blank">Web Developer</a> - The Web Developer extension adds a toolbar button to the browser with various
1077 |       web developer tools.
1078 |     </li>
1079 |   </ol>
1080 | </details>
1081 | 
1082 | <details open>
1083 |   <summary>Repos</summary>
1084 |   <ol>
1085 |     <li><a href="https://github.com/ErikCH/DevYouTubeList" target="blank">Dev YouTube List</a> - A curated list of
1086 |       amazing development channels on YouTube. These include web development, back-end development, front-end
1087 |       development live coders and more!
1088 |     </li>
1089 |     <li><a href="https://github.com/ryanmcdermott/clean-code-javascript" target="blank">Clean Code JavaScript</a> -
1090 |       Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a
1091 |       style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.
1092 |     </li>
1093 |     <li><a href="https://github.com/getify/You-Dont-Know-JS" target="blank">You Don't Know JS</a> - This is a series of
1094 |       books diving deep into the core mechanisms of the JavaScript language.
1095 |     </li>
1096 |     <li>
1097 |       <a href="https://github.com/badges/shields" target="blank">Shields.io</a> - This is home to Shields.io, a service for concise, consistent, and legible badges in SVG and raster format, which can easily be included in GitHub readmes or any other web page.
1098 |     </li>
1099 |     <li>
1100 |       <a href="https://github.com/ossu/computer-science" target="blank">Open Source Society University
1101 | </a> - The OSSU curriculum is a complete education in computer science using online materials. It's not merely for career training or professional development. It's for those who want a proper, well-rounded grounding in concepts fundamental to all computing disciplines, and for those who have the discipline, will, and (most importantly!) good habits to obtain this education largely on their own, but with support from a worldwide community of fellow learners.
1102 |     </li>
1103 |     <li>
1104 |       <a href="https://github.com/marak/Faker.js/" target="blank">Faker.js
1105 | </a> - generate massive amounts of fake data in the browser and node.js
1106 |     </li>
1107 |   </ol>
1108 | </details>
1109 | 
1110 | <details open>
1111 |   <summary>Memes</summary>
1112 |   <ol>
1113 |     <li><a href="https://martinfowler.com/bliki/TwoHardThings.html" target="blank">Two Hard Things</a> - is about the two hardest things in software engineering.</li>
1114 |   </ol>
1115 |  </details>
1116 | 


--------------------------------------------------------------------------------