frontend-development
A curated list of resources for Frontend development
https://github.com/codingknite/frontend-development
Last synced: 6 days ago
JSON representation
-
Hosting Sites
-
Conferences
-
-
Icons
-
React
-
React Tooling
-
Unit Testing
-
Community
-
Blog Sites
-
Server Side Rendering
-
CSS in JS
-
Courses
- The Beginner's Guide to React - Egghead
- React for Beginners - Wes Bos
- Introduction to React - freeCodeCamp
- Introduction to React - FullStackOpen
- React Getting Started - Pluralsight
- Epic React - Kent C. Dodds💵
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Learn React - Scrimba
- Introduction to React - freeCodeCamp
- Learn React - Scrimba
-
Experts on Twitter
-
UI Frameworks & Libraries
-
Conferences
-
Books
-
Project Ideas
-
Cheat Sheets
-
Podcasts
-
Youtube Channels
-
State Management
-
Remote Data Fetching
-
Create React App
-
-
Git
-
Tools
-
Books
-
Courses
-
-
CSS
-
Frameworks and Libraries
-
Documentation
-
Style Guides
-
Websites
- **Can I use** - Up-to-date browser support tables for front-end technologies
- **CSS Diner** - Learn CSS Selectors through a game
- **CSS Easing functions** - A collection of easing functions used in CSS transitions and animations.
- **Cubic Berzier Function Generator**
- **CSS Grid Garden** - Learn CSS Grid through a game
- **Flexbox Froggy** - Learn CSS Flexbox through a game
- **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.
- **7 Days, 7 Websites** - Build 7 websites in 7 days
- **Clippy** - A tool to help use the new clip-path property
- **CSS for People Who Hate CSS**
- **CSS Layout** - A collection of popular layouts and patterns made with CSS
- **Responsinator** - Check the responsiveness of a site across different devices.
- **Responsive Grid System** - Quick flexible and easy fluid grid for easy responsive web design.
- **CSS-tricks** - A blog site for everything CSS
- **Responsive Grid System** - Quick flexible and easy fluid grid for easy responsive web design.
-
Books
-
Practice your CSS Skills
-
Cheat Sheets
-
Courses
- Introduction to Basic CSS - FreeCodeCamp
- Learn CSS - CodeCademy💵
- CSS Basics - Team Treehouse 💵
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to CSS - Scrimba
- Introduction to Basic CSS - FreeCodeCamp
-
-
JavaScript
-
Books
-
Visual Studio Code Extensions
- **ESLint** - Code Linter
- **Prettier** - Code Formatting.
- **Quokka.js** - Prototyping playground that displays the results of an operation inside your IDE
- **Live Server** - Live Web Page Reload.
- **Settings Sync** - Synchronise your editor settings using Github.
- **Intellisense** - Code completion and Information
- **Path Intellisense** - Auto-complete path files
- **Babel JavaScript** - Syntax highlighting for today's JavaScript
- **Bracket Pair Colorizer 2** - Match brackets with same color
- **Debugger for Chrome** - Debugging tool
- **NPM** - npm support for VsCode
- **Paste JSON as Code** - Copy JSON paste as JavaScript or Typescript
- **REST Client** - REST Client for Visual Studio Code
- **Snippets** - Snippets for JavaScript ES6 syntax and TypeScript.
-
Style Guides
-
Challenge Websites
-
Courses
- Learn JavaScript - CodeCademy
- JavaScript30 - Wes Bos
- Learn Javascript From Scratch - Scaler
- Programming the Web with JavaScript - EDX
- JavaScript Tutorial - GeekforGeeks
- The Complete JavaScript Course - Udemy💵
- JavaScript Algorithms and Data Structures - FreeCodeCamp
- JavaScript Tutorial - GeekforGeeks
-
Snippets and cheatsheets
-
Documentation
-
Reference & Cheat Sheets
-
Articles
- 10 Interview QuestionsEvery JavaScript Developer Should Know
- 70 JavaScript Interview Questions
- 10 JavaScript concepts you need to know for interviews
- A Study Plan To Cure JavaScript Fatigue
- 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
- 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
- A Study Plan To Cure JavaScript Fatigue
-
Websites
-
-
Color Inspiration
-
Podcasts
-
Newsletters
-
Blogs
-
Design Inspiration
-
Optimization
-
HTML
-
Courses
- Learn HTML in Detail
- HTML & CSS The Odin Project
- Introduction to Basic HTML & HTML5 FreeCodeCamp
- HTML5 and CSS Fundemantals EDX
- Learn HTML CodeCademy 💵
- 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
- HTML5 and CSS Fundemantals EDX
- 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
- 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 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
-
Websites
- HTML Validator - Check if your HTML markup is valid and contains no errors.
- HTML5 Doctor - A great reference for HTML Elements
- HTML-5-TUTORIAL - A Great Website for everything HTML
- Templated - A collection of 845 free CSS & HTML5 site templates.
- Templated - A collection of 845 free CSS & HTML5 site templates.
-
Documentation
-
Cheat Sheets
-
Articles
-
Books
-
-
Images and Videos
-
Vue
-
Podcasts
-
Courses
- Learn Vue - VueSchool💵
- Learn Vue 2: Step By Step - Laracasts
- Learn Vue by Building and Deploying a CRUD App - Testdriven
- Advanced Vue.js Features from the Ground Up - Frontend Masters
- Learn Vue.js - Full Course for Beginners - freeCodeCamp
- Intro to Vue 2 - Vuemastery
- Premium Beginner to Advanced Vue Course - Vuemastery💵
- Learn Vue.js - Full Course for Beginners - freeCodeCamp
- Getting Started with Vue.js - Scotch
- Premium Beginner to Advanced Vue Course - Vuemastery💵
-
Community
-
Conferences
-
Books
- The Mastery Of Vue.js 2 💵
- Vue.js in Action 💵
- Mastering Vue.js 💵
- Vue.js 2 Design Patterns and Best Practices 💵
- Full-Stack Web Development with Vue.js and Node 💵
- Fullstack Vue 💵
- Testing Vue.js components with Jest 💵
- Vue.js: Up and Running 💵
- The Vue Handbook 💵
- The Vue Handbook 💵
- Fullstack Vue 💵
- Vue.js: Up and Running 💵
- Vue.js: Understanding its Tools and Ecosystem 💵
-
Tools
-
Project Ideas
-
Blogs
-
Documentation
-
-
Fonts and Typography
-
Illustrations
-
Conferences
-
-
Interview Prep
-
Resume Editing
-
Mock Interviews
-
Resume Templates
-
Job Sites
- Jobspresso
- Remoters
- Github Jobs
- Stackoverflow Jobs
- Startupers
- JavaScript Job
- TheRemoteWork
- Arc.dev - Remote Developer Jobs
- Find Remote Jobs
- JustRemote
- Outsourcely
- Powertofly Jobs
- Producthunt Jobs
- Remote Hub
- Remote Hunt
- Remoteco
- We Work Remotely
- Working Nomads
- YC Startup Jobs
- Circular
- Women Who Code
- Angel List
- Jr Dev Jobs
- Remoteco
- Circular
- Honeypot
- JSRemotely
- Jr Dev Jobs
- React Jobs Board
- Remote Hunt
- We Work Remotely
- Working Nomads
-
Freelance Jobs Sites
-
Open Source
-
Articles
- How to Break Into the Tech Industry—a Guide to Job Hunting and Tech Interviews
- 5 things you need to know in a programming interview
- Finding your first remote job - Joshua W. Cameau
- How to Write a Developer Résumé Hiring Managers Will Actually Read
- 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
- 5 things you need to know in a programming interview
- Finding your first remote job - Joshua W. Cameau
- How to Write a Developer Résumé Hiring Managers Will Actually Read
- How to Get a Software Engineer Job at Google and Other Top Tech Companies
- Resources that help me land a job at FANG
- 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
-
Project Pair Programming
-
YouTube Series
-
-
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
-
-
Portfolio Inspiration
-
Conferences
- Brittany Chiang
- Aral Tasher
- 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
- Developer Portfolios - Github Repo
- Matt Farley
-
-
Browser extensions
-
Youtube Channels
Programming Languages
Categories
Interview Prep
120
JavaScript
109
React
103
HTML
83
CSS
67
Vue
52
Portfolio Inspiration
33
Icons
18
Fonts and Typography
15
Git
15
Blogs
14
Design Inspiration
13
How the Internet Works
12
Optimization
11
Color Inspiration
11
Youtube Channels
11
Podcasts
10
Images and Videos
10
Illustrations
7
Hosting Sites
6
Newsletters
6
Browser extensions
4
Introduction
1
Sub Categories
Conferences
172
Courses
131
Articles
117
Books
46
Job Sites
32
Websites
23
Frameworks and Libraries
17
Experts on Twitter
17
Visual Studio Code Extensions
14
Challenge Websites
13
Tools
12
UI Frameworks & Libraries
11
Practice your CSS Skills
9
React Tooling
8
Podcasts
8
Resume Templates
8
Videos
7
Community
7
Cheat Sheets
7
Freelance Jobs Sites
7
Style Guides
7
Documentation
7
Resume Editing
5
Snippets and cheatsheets
5
Open Source
5
Blog Sites
4
Unit Testing
4
Blogs
3
YouTube Series
3
Remote Data Fetching
3
Project Ideas
3
State Management
3
Create React App
2
Mock Interviews
2
Project Pair Programming
2
Server Side Rendering
2
Reference & Cheat Sheets
2
Youtube Channels
1
CSS in JS
1
Keywords
react
5
javascript
4
es6
3
redux
2
es2015
2
css
2
styled-components
1
webpack4
1
assertion-library
1
assertions
1
ava
1
chai
1
enzyme
1
jest
1
mocha
1
react-components
1
test
1
test-runner
1
test-runners
1
testing
1
traversal
1
angular
1
collaboration
1
component-driven
1
async
1
book
1
book-series
1
closures
1
education
1
learn-to-code
1
programming
1
prototypes
1
training-materials
1
training-providers
1
build-tools
1
zero-configuration
1
i18n
1
immer
1
offline-first
1
react-boilerplate
1
redux-saga
1
scaffolding
1
style-guide
1
style-linter
1
styleguide
1
tc39
1
git
1
git-client
1
git-gui
1
gitextensions
1