Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/Dylan-Israel/ultimate-coding-resources

A collection of the best resources for programming, web development, computer science and more.
https://github.com/Dylan-Israel/ultimate-coding-resources

javascript learntocode programming resources webdevelopment

Last synced: 13 days ago
JSON representation

A collection of the best resources for programming, web development, computer science and more.

Awesome Lists containing this project

README

        

Ultimate Coding Resources List


A collection of the best resources for programming, web development, computer science and more.

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.

![GitHub contributors](https://img.shields.io/github/contributors/pizzapokerguy/ultimate-coding-resources)
![Twitter Follow](https://img.shields.io/twitter/follow/pizzapokerguy?label=Follow&style=social)


Books



  1. Clean Architecture - 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.


  2. Clean Code: A Handbook of Agile Software Craftsmanship - 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.


  3. Code Complete - 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.


  4. Cracking the Coding Interview - 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.


  5. The Clean Coder - 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.


  6. The Complete Software Developer's Career Guide - 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.


  7. The Pragmatic Programmer - 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.


  8. The Mythical Man-Month: Essays on Software Engineering - 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.


  9. Soft Skills: The software developer's life manual - 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.


  10. HTML and CSS: Design and Build Websites - 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.


  11. Head First Design Patterns: A Brain-Friendly Guide - 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.


  12. Grokking Algorithms: An illustrated guide for programmers and
    other curious people
    - 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.


  13. A Smarter Way to Learn JavaScript. The new tech-assisted
    approach that requires half the effort
    - 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.


  14. Code: The Hidden Language of Computer Hardware and Software -
    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.


  15. Eloquent JavaScript: A Modern Introduction to Programming -
    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.


  16. Structure and Interpretation of Computer Programs - 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.


  17. Goal Kicker - Programming Notes for Professionals books.


  18. LaunchSchool Books - 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.

Courses



  1. The 100 Front End Interview Questions
    Challenge
    -
    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.


  2. 100 Algorithms Challenge - 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.


  3. Harvard
    CS50
    An introduction to the intellectual enterprises of computer science and the art of programming by
    Harvard University.

Sites

Sites - Coding Platforms



  1. FreeCodeCamp - Learn to code. Build projects. Earn
    certifications. Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies
    including


  2. Scrimba - 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.


  3. CodeCombat - CodeCombat is a game-based computer science
    program where students type real code and see their characters react in real time.


  4. SoloLearn - Join the largest community of mobile code
    learners today.


  5. Coding Game - 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.


  6. The Odin Project - 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.


  7. Bento - 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.


  8. Codecademy - 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.


  9. Pluralsight - 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.


  10. Treehouse - 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.


  11. FrontEndMasters - Join Now and Learn Straight from the
    Experts Who Shape the Modern Web


  12. LinkedIn Learning - Formally Linda, LinkedIn
    Learning is one of the worlds largest course platforms with content being created monthly.


  13. Design Gurus - The ultimate resource to prepare for the system design and coding interview.


  14. Educative - Level up your coding skills, quickly and efficiently.


  15. Scaler - Learn to code by reading quality content. The ultimate resources to kick start your programming journey. Also help in job interview.


  16. Gymnasium - Aquent Gymnasium offers free, online courses for digital, creative, and communications professionals to equip them with in-demand skills and advance their careers.


  17. Hackr.io - 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.


  18. Codewars - 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.


  19. Codementor - Get 1-on-1 expert help from senior developers to improve your coding skills or get help with your ongoing projects.


  20. codeforhunger - Learn to code. Learn coding from basics with examples and their solutions. learn code with projects in C.
    including


  21. InterviewBit 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.


  22. Codementor Events - A developer community and virtual events platform where developers learn and share new tools, technical concepts, and career tips.




Sites - Algorithm Platforms


  1. AlgoExpert - 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.


  2. HackerRank - Join Over 7 million developers, practice
    coding skills, prepare for interviews, and get hired.


  3. LeetCode - LeetCode is the best platform to help you enhance
    your skills, expand your knowledge and prepare for technical interviews.


  4. Meetapro - An Airbnb-style mock interview & coaching platform with mock interviews hosted by experienced FAANG interviewers.


  5. Code Signal - formerly CodeFights a grate Algorithm site
    with a beautiful UI.


  6. Code Wars - 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.


  7. Exercism - 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.


  8. Project Euler - 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.


  9. Code Chef - 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.


  10. Coderbyte - 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.


  11. Edabit - 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.


  12. Pramp - Join thousands of professionals practicing live mock
    interviews & interview questions online, with peers, for free. We help you prep & land your dream tech job.


  13. Codility - Codility is a software platform that helps
    tech recruiters and hiring managers assess their candidates' skills by testing their code online.


  14. CodeAbbey - CodeAbbey hosts a series of simple to
    complex
    programming problems that allow the user to practice their ability to solve problems.


  15. Advent of Code - 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.


  16. Backtobackswe - 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.


  17. InterviewBit - 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.




Sites - Course Sites


  1. SkillShare - 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.


  2. Udemy - 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


  3. Thinkster - a better way to learn. Learn how real apps are
    built, from scratch, using the latest frameworks.


  4. Frontend Masters - Advance Your Skills with In-Depth,
    Modern Front-End Engineering Courses


  5. EggHead - 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.


  6. Laracasts - Push your web development skills to the next level, through
    expert screencasts on Laravel, Vue, and so much more.


  7. Udacity - 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.


  8. Khan Academy - 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.


  9. Codecourse - 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.


  10. JavaScript 30 - 30 Day Vanilla JS Coding Challenge. Build
    30 things in 30 days with 30 tutorials. No Frameworks. No Compilers. No Libraries. No Boilerplate.


  11. Flexbox Froggy - Welcome to Flexbox Froggy, a game where
    you help Froggy and friends by writing CSS code!


  12. MIT OpenCourseWare - 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.


  13. Coursera - 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.


  14. Brilliant - Build quantitative skills in math, science, and computer science with fun and challenging interactive explorations.


  15. edX - 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.




Sites - Career & Job Sites


  1. WayUp - is the industry leader for college students and
    recent grads to get hired.


  2. NovoResume - 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.


  3. Glassdoor - Search millions of jobs and get the inside scoop
    on companies with employee reviews, personalized salary tools, and more.


  4. AngelList - Apply privately to 130,000+ tech & startup jobs with one
    application. See salary and equity upfront.


  5. U.S. Bureau of Labor Statistics - 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.


  6. PayScale - WHAT AM I WORTH? What your skills are worth in the market is
    constantly changing.


  7. Salary - Understand your worth and plan your next career move with
    easy-to-use tools.


  8. LinkedIn - Welcome to LinkedIn, the world's largest
    professional network with nearly 660+ million users in more than 200 countries and territories worldwide.


  9. Github
    Resume
    - 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.


  10. HashNode - Hashnode is the easiest way to connect with the
    best developers from around the world and grow your career!


  11. levels.fyi - we break down the total compensation packages for multiple levels of software engineers at the largest tech companies.




Sites - Documentation


  1. W3Schools - W3Schools is optimized for learning,
    testing, and training. Examples might be simplified to improve reading and basic understanding.


  2. Mozilla - 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.


  3. Stack Overflow - 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.


  4. DevDocs - Fast, offline, and free documentation browser for developers. Search
    100+ docs in one web app.


  5. 30 Seconds of Code - Short code snippets for all your development
    needs.


  6. The Twelve-Factor App - 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.




Sites - Freelance & Contract Work


  1. Upwork - To connect businesses with great talent to work
    without limits.


  2. Toptal - Toptal is an exclusive network of the top
    freelance software developers, designers, finance experts, product managers, and project managers in the world.


  3. Craigslist - Small web dev projects and web sites can be
    picked up pretty easily in the jobs or gigs section.




Sites - Style & Component Libraries


  1. TailwindCSS - A utility-first css framework that's a pleasure to use.


  2. TailwindUI - Tailwind's component library.


  3. Bootstrap - 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.


  4. Materialize - Materialize is a modern responsive CSS
    framework based on Material Design by Google.


  5. Bulma - 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.


  6. UIkit - A lightweight and modular front-end framework for
    developing fast and powerful web interfaces.


  7. Pure.css - A set of small, responsive CSS modules that you can
    use in every web project.


  8. Font Awesome - Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.




Sites - Hackathons


  1. AngelHack - The world's most diverse hacker community,
    driving
    innovation of tech products through developer programs.


  2. Major League Hacking - The official collegiate hackathon league. .



Sites - Code Playgrounds



  1. JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript
    online with JSFiddle code editor.


  2. Codepen - 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.


  3. StackBlitz - Code the Future.
    In Your Browser.
    Create, edit & deploy fullstack apps — in just one click.


  4. Repl.it - Powerful and simple online compiler, IDE, interpreter,
    and REPL. Code, compile, and run code in 50+ programming languages.


  5. CodeSandbox.io - 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.


  6. InterviewBit - Practice and execute C programs with our online compiler(supports gcc c compiler).


  7. InterviewBit - An online compiler that helps code and run your programs online.



Sites - Tools



  1. Trello - Whether it’s for work, a side project or even the next
    family vacation, Trello helps your team stay organized.


  2. Slack - Slack replaces email inside your company.
    Discuss, collaborate, share — work is better without the inbox.


  3. Github - We’re supporting a community where more than 40
    million* people learn, share, and work together to build software.


  4. Hyper Terminal - 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.


  5. f.lux - 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.


  6. Postman - 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.


  7. Insomnia - Insomnia is a cross-platform GraphQL and REST
    client, available for Mac, Windows, and Linux.


  8. GitKraken - Unleash GitKraken! Three legendary developer
    productivity tools: the Git GUI Client for Windows/Mac/Linux development.



Sites - Misc



  1. Autonomous - the goto place for automated standing desks,
    treadmills and everything dev furniture related.


  2. Unsplash - The internet’s source of freely usable images.


  3. Humble Bundle - although known for their games.
    Now adays EBook bundles around web development are becoming increasingly popular.


  4. Canva - 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.


YouTube Channels



  1. Dylan Israel - Dylan is a self-taught
    programmer who produces some amazing content, both informational and tutorials videos.


  2. Traversy Media - Brad is
    also a self-taught programmer who produces informational and tutorial based videos.


  3. Program with Erik - 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.


  4. Academind - Web development
    tutorial videos.


  5. DesignCourse - Gary teach
    full stack development. Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic
    Design and more.


  6. Eduonix Learning Solutions -
    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.


  7. freeCodeCamp.org - Hours and
    hours of tutorial videos.


  8. IAmTimCorey - Tim creates
    courses dedicated to C#, SQL and more.


  9. Programming with Mosh - Mosh
    produces amazing courses for both frontend and backend development.


  10. The Net Ninja -
    Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js, Firebase, MongoDB, HTML & CSS, Plus
    loads more.


  11. Dev Ed - Very Funny and Good
    Tutorials on Modern JavaScript (beginner to advanced), Node.js, React, Vue.js,CSS coolAnimations, HTML & CSS, Plus
    loads more.


  12. GOTO; Conferences - A very
    interesting conference channel with a lot of different topics, front-end, back-end, architecture, security...

Wireframes and Mockups



  1. InVision - InVision is the digital product design
    platform used to make the world's best customer experiences.


  2. Balsamiq - Balsamiq is the company behind Balsamiq Wireframes,
    the industry standard low-fidelity wireframing tool.


  3. Figma - A better way to design. Design, prototype, and
    gather feedback all in one place with Figma.


  4. Sketch - Sketch is a design toolkit built to help you create
    your best work — from your earliest ideas, through to final artwork.

Package Managers



  1. Yarn - Yarn caches every package it downloads so it never needs
    to download it again.


  2. npm - 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.

Text Editors



  1. VSCode Text Editor - Code editing. Redefined. Free.
    Built on open source. Runs everywhere.


  2. Atom - Teletype for Atom makes collaborating on code just as easy as
    it is to code alone, right from your editor.


  3. Sublime - Sublime Text is a sophisticated text editor
    for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.


  4. Notepad++ - 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.


  5. Vim - 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.


  6. Brackets - A modern, open source text editor that understands web
    design.


  7. CodeLobster - A free cross-platform editor with many plug-ins for all popular frameworks.

Blogs



  1. Program with Erik - 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.


  2. Overreacted - Dan Abramov's `I explain with words and code.`


  3. CSS-Tricks - Daily articles about CSS, HTML, JavaScript, and
    all things related to web design and development.


  4. David Walsh - A blog featuring tutorials about JavaScript,
    HTML5, AJAX, PHP, CSS, WordPress, and everything else development.


  5. FreeCodeCamp - Learn to code. Build projects. Earn
    certifications. Since 2015, 40000 graduates have gotten jobs at tech companies including Google, Apple, Amazon and
    more.


  6. Web Dev Simplified - The official Web Dev Simplified blog by Kyle Cook. Short and simple articles on web development.


  7. Clean Code - Robert Martin's (Uncle Bob) blog.


  8. CodeWall - Tutorials and technical articles spanning a range of web development technologies.

Podcasts



  1. Self-Taught or Not - Self-Taught or Not covers the
    do's and don'ts of software development, hosted by Dylan Israel & Erik Hanchett. New episodes every Monday!


  2. Tech Jr. - 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.


  3. The 6 Figure Dev - interviews developers to dive deep in
    their experiences, how to increase your income, and dive deep into their guests projects.


  4. FreeCodeCamp - The official podcast of the freeCodeCamp open
    source community. Learn to code with free online courses, programming projects, and interview preparation for
    developer jobs.


  5. Real Talk JavaScript - 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.


  6. The Vanilla JS Podcast - A show about JavaScript for
    people who hate the complexity of modern front‑end web development, hosted by Chris Ferdinandi.


  7. EggHead.io Developer Chats - Humans talking about the
    business of building software, constant learning, and balancing it with everyday life.


  8. Syntax.fm - A Tasty Treats Podcast for Web Developers by Wes Bos &
    Scott Tolinski.


  9. Front End Happy Hour - A podcast featuring a panel of Software
    Engineers from Netflix, Twitch, Atlassian & Airbnb talking over drinks about all things Front End development.


  10. CodeNewbie - CodeNewbie Podcast Stories from people on their
    coding journey.


  11. Command Line Heroes - A podcast about the people who transform technology from the command line. Presented by Red Hat.

VSCode Extensions



  1. Live Server
    - Launch a development local Server with live reload feature for static & dynamic pages.


  2. Settings
    Sync
    - Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions
    Across Multiple Machines Using GitHub Gist.


  3. Bracket Pair Colorizer - A customizable extension for colorizing matching brackets.


  4. Quokka -
    Live Scratchpad for JavaScript.


  5. Live
    Share
    - Real-time collaborative development from the comfort of your favorite tools.


  6. Code Spell Checker - Spelling checker for source code.


  7. Prettier - 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.


  8. Auto
    Rename Tag
    - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.


  9. ESLint -
    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.


  10. EditorConfig - 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.


  11. Browser Preview - 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.


  12. Chrome
    Debugger
    - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome
    Debugger protocol.


  13. REST Client -
    REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.


  14. Import
    Cost
    - 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.


  15. Code
    Metrics
    - Computes complexity in TypeScript / JavaScript / Lua files.

Conferences



  1. DevFest - 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.


  2. NG-CONF - World's Original Angular Conference.


  3. AngelHack - The world's most diverse hacker community, driving
    innovation of tech products through developer programs.

Community


Community - Facebook Groups



  1. Code, Tech & Caffeine - 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.


  2. Hackathon Hackers - This is the
    all-inclusive hackathons group.


  3. Hacking and Coding Tutorials - 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.


  4. Programming Jokes - 1000+ Jokes Only
    Programmers Will Get


  5. I Love Programming - 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.



Community - Forums (Subreddits, etc.)



  1. FreeCodeCamp - Learn to code and get a
    developer job. This community will help you.


  2. Hacker Noon - How hackers start their afternoons.


  3. Learn Programming - A subreddit for all
    questions related to programming in any language.


  4. Daily Programmer - 3 Programming
    Challenges
    a week!


  5. WebDev - A community dedicated to all things web
    development: both front-end and back-end.


  6. JavaScript - All about the JavaScript
    programming language!


  7. Coding - Welcome to r/coding



Community - Organization & Inclusion



  1. Meetup - 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.


  2. Code.org - Code.org® is a nonprofit dedicated to expanding access
    to computer science in schools and increasing participation by women and underrepresented minorities.


  3. Women Who Code - Women Who Code (WWCode) is a global
    501(c)(3) non-profit organization dedicated to inspiring women to excel in technology careers.


  4. Dev.to - 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.


Chrome Extensions



  1. Lightshot - Simple and convenient screenshot tool. Select an area, edit your screenshot and
    upload it to the server.


  2. JSON Formatter - Makes JSON easy to read. Open source.


  3. Form Filler - Fill all inputs in a page with dummy data.


  4. Wappalyzer - 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.


  5. Web Developer Checklist - 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.


  6. IE Tab - Display web pages using IE within Chrome. Use Java, Silverlight, ActiveX,
    Sharepoint, and more. A "Top 10" extension since 2009!


  7. Lighthouse - Lighthouse is an open-source, automated tool for improving the performance,
    quality, and correctness of your web apps.


  8. Web Developer - The Web Developer extension adds a toolbar button to the browser with various
    web developer tools.

Repos



  1. Dev YouTube List - A curated list of
    amazing development channels on YouTube. These include web development, back-end development, front-end
    development live coders and more!


  2. Clean Code JavaScript -
    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.


  3. You Don't Know JS - This is a series of
    books diving deep into the core mechanisms of the JavaScript language.


  4. Shields.io - 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.


  5. Open Source Society University
    - 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.


  6. Faker.js
    - generate massive amounts of fake data in the browser and node.js

Memes



  1. Two Hard Things - is about the two hardest things in software engineering.