frontend-development
A curated list of resources for Frontend development
https://github.com/codingknite/frontend-development
Last synced: 1 day ago
JSON representation
-
HTML
-
Courses
- Introduction to HTML Scrimba
- Introduction to HTML Scrimba
- Learn HTML CodeCademy 💵
- HTML & CSS The Odin Project
- Introduction to Basic HTML & HTML5 FreeCodeCamp
- HTML5 and CSS Fundemantals EDX
- Learn HTML in Detail
- 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
- 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
- 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
-
Books
-
Documentation
-
Cheat Sheets
-
Articles
-
Websites
-
-
Introduction
-
How the Internet Works
-
Articles
-
Videos
-
Documentation
-
-
CSS
-
Books
-
Documentation
-
Cheat Sheets
-
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
-
Books
-
Courses
-
Challenge Websites
-
Snippets and cheatsheets
-
Style Guides
-
Visual Studio Code Extensions
- **Babel JavaScript** - Syntax highlighting for today's JavaScript
- **Debugger for Chrome** - Debugging tool
- **Bracket Pair Colorizer 2** - Match brackets with same color
- **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
-
Freelance Jobs Sites
-
Mock Interviews
-
Project Pair Programming
-
Open Source
-
Articles
- Resources that help me land a job at FANG
- Finding your first remote job - Joshua W. Cameau
- 5 things you need to know in a programming interview
- 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
- 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
-
YouTube Series
-
-
Newsletters
-
React
-
Blog Sites
-
Books
-
Cheat Sheets
-
Courses
-
Project Ideas
-
Podcasts
-
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
-
-
Git
-
Vue
-
Courses
- Learn Vue - VueSchool💵
- 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
- Premium Beginner to Advanced Vue Course - Vuemastery💵
-
Documentation
-
Books
- Full-Stack Web Development with Vue.js and Node 💵
- Vue.js 2 Design Patterns and Best Practices 💵
- Vue.js in Action 💵
- Fullstack Vue 💵
- Vue.js: Up and Running 💵
- The Vue Handbook 💵
- Mastering Vue.js 💵
- The Mastery Of Vue.js 2 💵
- Testing Vue.js components with Jest 💵
- The Vue Handbook 💵
-
Project Ideas
-
Podcasts
-
Tools
-
Blogs
-
Community
-
Conferences
-
-
Browser extensions
-
Icons
-
Fonts and Typography
-
Images and Videos
-
Illustrations
-
Conferences
-
-
Optimization
-
Color Inspiration
-
Hosting Sites
-
Conferences
-
Categories
JavaScript
98
Interview Prep
96
HTML
74
CSS
58
React
55
Vue
36
Portfolio Inspiration
31
Icons
17
Fonts and Typography
14
Git
10
Optimization
9
How the Internet Works
9
Podcasts
9
Youtube Channels
9
Color Inspiration
9
Images and Videos
9
Blogs
8
Design Inspiration
8
Hosting Sites
6
Illustrations
5
Newsletters
5
Browser extensions
4
Introduction
1
Sub Categories
Conferences
143
Articles
106
Courses
87
Books
35
Websites
24
Job Sites
21
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
Tools
7
Resume Templates
7
UI Frameworks & Libraries
7
Cheat Sheets
7
React Tooling
6
Podcasts
6
Community
6
Documentation
6
Style Guides
5
Open Source
5
Resume Editing
4
Videos
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