frontend-development
A curated list of resources for Frontend development
https://github.com/codingknite/frontend-development
Last synced: about 1 month ago
JSON representation
-
Introduction
-
How the Internet Works
-
Articles
-
Videos
- What is the Internet KhanAcademy
- The Internet: Crash Course Computer Science
- Computer Networks: Crash Course Computer Science
- The World Wide Web: Crash Course Computer Science
- The Internet: Crash Course Computer Science
- Computer Networks: Crash Course Computer Science
- The World Wide Web: Crash Course Computer Science
-
Documentation
-
-
HTML
-
Documentation
-
Cheat Sheets
-
Articles
-
Books
-
Courses
- HTML & CSS The Odin Project
- Introduction to Basic HTML & HTML5 FreeCodeCamp
- HTML5 and CSS Fundemantals EDX
- Learn HTML CodeCademy 💵
- Learn HTML in Detail
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML and CSS Team Treehouse 💵
- Introduction to HTML Scrimba
- Introduction to HTML and CSS Team Treehouse 💵
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- HTML5 and CSS Fundemantals EDX
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
-
Websites
-
-
CSS
-
Documentation
-
Cheat Sheets
-
Books
-
Courses
-
Frameworks and Libraries
-
Practice your CSS Skills
-
Style Guides
-
Websites
- **7 Days, 7 Websites** - Build 7 websites in 7 days
- **Can I use** - Up-to-date browser support tables for front-end technologies
- **Clippy** - A tool to help use the new clip-path property
- **CSSBattle** - Learn CSS through a fun code-golfing game
- **CSS Easing functions** - A collection of easing functions used in CSS transitions and animations.
- **CSS Diner** - Learn CSS Selectors through a game
- **CSS for People Who Hate CSS**
- **CSS Grid Garden** - Learn CSS Grid through a game
- **CSS Layout** - A collection of popular layouts and patterns made with CSS
- **CSS reference by Codrops** - Excellent guide on how to write better, cleaner and more reusable CSS code.
- **CSS-tricks** - A blog site for everything CSS
- **Cubic Berzier Function Generator**
- **Flexbox Froggy** - Learn CSS Flexbox through a game
- **Responsinator** - Check the responsiveness of a site across different devices.
- **Responsive Grid System** - Quick flexible and easy fluid grid for easy responsive web design.
- **Beautiful CSS box-shadow examples** - A curated collection of 90+ free beautiful box-shadow, click to copy.
- **Beautiful CSS buttons examples** - A curated collection of 80+ free beautiful buttons, click to copy.
-
-
JavaScript
-
Reference & Cheat Sheets
-
Courses
- Learn JavaScript - CodeCademy
- JavaScript Tutorial - GeekforGeeks
- JavaScript30 - Wes Bos
- Learn Javascript From Scratch - Scaler
- JavaScript Tutorial - GeekforGeeks
- JavaScript Tutorial - GeekforGeeks
- Programming the Web with JavaScript - EDX
- JavaScript Tutorial - GeekforGeeks
- The Complete JavaScript Course - Udemy💵
-
Books
-
Challenge Websites
-
Snippets and cheatsheets
-
Style Guides
-
Visual Studio Code Extensions
- **Babel JavaScript** - Syntax highlighting for today's JavaScript
- **Bracket Pair Colorizer 2** - Match brackets with same color
- **Debugger for Chrome** - Debugging tool
- **ESLint** - Code Linter
- **Intellisense** - Code completion and Information
- **Live Server** - Live Web Page Reload.
- **NPM** - npm support for VsCode
- **Path Intellisense** - Auto-complete path files
- **Prettier** - Code Formatting.
- **Paste JSON as Code** - Copy JSON paste as JavaScript or Typescript
- **Quokka.js** - Prototyping playground that displays the results of an operation inside your IDE
- **REST Client** - REST Client for Visual Studio Code
- **Settings Sync** - Synchronise your editor settings using Github.
- **Snippets** - Snippets for JavaScript ES6 syntax and TypeScript.
-
Articles
- A Study Plan To Cure JavaScript Fatigue
- 70 JavaScript Interview Questions
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 Interview QuestionsEvery JavaScript Developer Should Know
- How to Manage JavaScript Fatigue
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
- 10 JavaScript concepts you need to know for interviews
-
Websites
-
Documentation
-
-
Design Inspiration
-
Youtube Channels
-
Podcasts
-
Portfolio Inspiration
-
Conferences
- Aral Tasher
- Brittany Chiang
- Fidalgo Pedro
- Jack Jeznach
- Julia Johnson
- Matt Farley
- Nathan Simpson
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
- Jack Jeznach
-
-
Blogs
-
Interview Prep
-
Resume Templates
-
Resume Editing
-
Job Sites
- Arc.dev - Remote Developer Jobs
- Find Remote Jobs
- Github Jobs
- JavaScript Job
- JustRemote
- Jobspresso
- Outsourcely
- Powertofly Jobs
- Producthunt Jobs
- Remoters
- Remote Hub
- Remote Hunt
- Remoteco
- Stackoverflow Jobs
- Startupers
- TheRemoteWork
- We Work Remotely
- Working Nomads
- YC Startup Jobs
- Circular
- Honeypot
- Women Who Code
-
Freelance Jobs Sites
-
Mock Interviews
-
Project Pair Programming
-
Open Source
-
Articles
- Resources that help me land a job at FANG
- 5 things you need to know in a programming interview
- How to Write a Developer Résumé Hiring Managers Will Actually Read
- Finding your first remote job - Joshua W. Cameau
- How to Get a Software Engineer Job at Google and Other Top Tech Companies
- How To Get A Programming Job Without A Degree
- How to Get a Remote Developer Job and Become a Digital Nomad
- How To Get Your First Web Developer Job: The Ultimate Guide for Junior Developers
- Resources that help me land a job at FANG
- Tips to get a job as a Developer
- The 30-minute guide to rocking your next coding interview
- Want to Know How to Get a Remote Job? I Asked 30 Remote Companies - This is What They Said
- Why I studied full-time for 8 months for a Google interview
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
- Resources that help me land a job at FANG
-
YouTube Series
-
-
Newsletters
-
Git
-
React
-
Cheat Sheets
-
Courses
-
Books
-
Project Ideas
-
Podcasts
-
Blog Sites
-
Youtube Channels
-
React Tooling
-
State Management
-
UI Frameworks & Libraries
-
Unit Testing
-
CSS in JS
-
Remote Data Fetching
-
Server Side Rendering
-
Experts on Twitter
-
Conferences
-
Community
-
-
Vue
-
Documentation
-
Courses
- Learn Vue.js - Full Course for Beginners - freeCodeCamp
- Advanced Vue.js Features from the Ground Up - Frontend Masters
- Learn Vue 2: Step By Step - Laracasts
- Learn Vue by Building and Deploying a CRUD App - Testdriven
- Intro to Vue 2 - Vuemastery
- Learn Vue - VueSchool💵
- Premium Beginner to Advanced Vue Course - Vuemastery💵
-
Project Ideas
-
Books
-
Podcasts
-
Tools
-
Blogs
-
Community
-
Conferences
-
-
Browser extensions
-
Conferences
-
-
Icons
-
Fonts and Typography
-
Images and Videos
-
Illustrations
-
Conferences
-
-
Optimization
-
Color Inspiration
-
Hosting Sites
-
Conferences
-
Categories
Interview Prep
110
JavaScript
101
CSS
58
React
55
HTML
52
Vue
37
Portfolio Inspiration
31
Icons
18
Fonts and Typography
14
How the Internet Works
11
Git
10
Podcasts
10
Youtube Channels
9
Images and Videos
9
Color Inspiration
9
Optimization
9
Design Inspiration
9
Blogs
8
Hosting Sites
6
Illustrations
5
Newsletters
5
Browser extensions
4
Introduction
1
Sub Categories
Conferences
146
Articles
118
Courses
67
Books
36
Websites
24
Job Sites
22
Frameworks and Libraries
17
Visual Studio Code Extensions
14
Challenge Websites
12
Practice your CSS Skills
9
Experts on Twitter
8
Freelance Jobs Sites
7
Videos
7
Documentation
7
Tools
7
Resume Templates
7
UI Frameworks & Libraries
7
Cheat Sheets
7
Podcasts
6
Community
6
React Tooling
6
Open Source
5
Style Guides
5
Resume Editing
4
Blog Sites
3
Snippets and cheatsheets
3
Project Ideas
3
Mock Interviews
2
Remote Data Fetching
2
Blogs
2
Unit Testing
2
Server Side Rendering
2
Reference & Cheat Sheets
2
CSS in JS
1
YouTube Series
1
State Management
1
Youtube Channels
1
Project Pair Programming
1