frontend-development

A curated list of resources for Frontend development
https://github.com/codingknite/frontend-development

Last synced: 3 days ago
JSON representation

HTML
- Courses
- Books
- Documentation
  - HTML Reference
- Cheat Sheets
- Articles
  - A simple guide to HTML <head> elements
- Websites
Introduction
- ![Follow me
How the Internet Works
- Articles
- Videos
- Documentation
  - How does the Internet work? — MDN
CSS
- Books
- Documentation
  - Learn to style HTML using CSS - MDN
- Cheat Sheets
- Courses
- Frameworks and Libraries
  - Base
  - Bulma
  - Bootstrap
  - Materialize CSS
  - Milligram
  - Mustard UI
  - Picnic CSS
  - Semantic UI
  - Skeleton
  - Tachyons
  - Tailwind CSS
  - Tent CSS
  - UI Kit
  - Animate.css
  - Dead Simple Grid
  - Spectre
  - Skeleton
- Practice your CSS Skills
  - CodeSandbox
  - CSS Deck
  - Dablet
  - JS Bin
  - JSFiddle
  - Liveweave
  - StackBlitz
  - Codepen
- Style Guides
- Websites
JavaScript
- Reference & Cheat Sheets
  - JavaScript Reference - MDN
  - JavaScript Cheat Sheet - OverAPI
- Books
- Courses
- Challenge Websites
- Snippets and cheatsheets
- Style Guides
- Visual Studio Code Extensions
- Articles
- Websites
  - this vs that
  - HTML DOM
- Documentation
  - JavaScript — Dynamic client-side scripting - MDN
Design Inspiration
- Conferences
Youtube Channels
- Conferences
Podcasts
- Conferences
Portfolio Inspiration
- Conferences
Blogs
- Conferences
  - Codrops
  - Dev.to
  - Echo.Js
  - Front End Front
  - Hacker News
  - Hashnode
  - Medium
  - Smashing Magazine
  - Scotch
  - Hackernoon
  - CSS-Tricks
  - freeCodeCamp
  - Web Designer Depot
Interview Prep
- Resume Templates
- Resume Editing
- Job Sites
- Freelance Jobs Sites
  - Codementor
  - Freelancer
  - FlexJobs
  - FreelancerMap
  - Guru
  - People Per Hour
  - Upwork
- Mock Interviews
  - Interviewing.io
  - Pramp
- Project Pair Programming
  - Chingu
- Open Source
- Articles
- YouTube Series
  - Get A Job Using LinkedIn - Danny Thompson
  - Get A Job Using LinkedIn - Danny Thompson
Newsletters
- Articles
React
- Blog Sites
- Books
- Cheat Sheets
  - React Cheatsheet
- Courses
- Project Ideas
  - Devprojects
  - DevChallenges
- Podcasts
  - The React Podcast
  - React Round Up
- Youtube Channels
  - Coding Addict
- React Tooling
  - ESLint
  - Lodash
  - npm
  - React Sight
  - React Developer Tools
  - Storybook
  - React Router
- State Management
  - Mobx
  - Recoil
  - Redux
- UI Frameworks & Libraries
- Unit Testing
  - Jest
  - Cypress
  - Jest
  - Enzyme
- CSS in JS
  - Styled Components
- Remote Data Fetching
  - Axios
  - swr
  - React Query
- Server Side Rendering
  - Gatsby
  - Next.js
- Experts on Twitter
- Conferences
- Community
- Create React App
  - Create React App
  - React Boilerplate
Git
- Courses
- Books
  - Pro Git
  - Git Notes for Professionals
- Tools
Vue
- Courses
- Documentation
- Books
- Project Ideas
  - Free Vue Projects and Community - DevProjects
- Podcasts
- Tools
  - Bootstrap Vue
  - Onseen UI
  - Vuetify
  - Vuex
  - Vue Router
  - Bit
  - Vue Dev Server
  - Vue Dev Tools
  - Vue CLI
- Blogs
- Community
- Conferences
Browser extensions
- Conferences
Icons
- Conferences
  - BoxIcons
  - CSS.gg
  - Font Awesome
  - Freepik
  - Heroicons
  - Iconfactory
  - Icons8
  - Icontre
  - Iconjar
  - IconFinder
  - Iconshock
  - Iconmonstr
  - Icomoon
  - Pngtree
  - Swift Icons
  - UXWing
  - Flaticon
  - Fontastic
Fonts and Typography
- Conferences
  - 1001Fonts
  - Abstract Fonts
  - Befonts
  - Google Fonts
  - FFonts
  - FontsArena
  - Fontsquirrel
  - Free Script Fonts
  - MyFonts
  - PinSpiry Fonts
  - TypeTester
  - Typo Guide
  - Unblast
  - FontSpace
  - Typo Guide
Images and Videos
- Conferences
  - Flickr
  - Gratisography
  - Canva
  - Free Images
  - Life of Pix
  - Pexels
  - Pixabay
  - Unsplash
  - Subtle Patterns
Illustrations
- Conferences
  - Blob maker
  - Blush
  - IRA Design
  - Interfacer
  - Undraw
  - Draw Kit
  - Icons 8
Optimization
- Conferences
  - CSS Validator
  - Google Analytics
  - Namecheap
  - Optimizilla
  - Sizzy
  - Usability Checklist
  - Who Is
  - Woorank
  - Nibbler
  - Nibbler
Color Inspiration
- Conferences
Hosting Sites
- Conferences

Programming Languages

JavaScript 9 TypeScript 3 CSS 2 HTML 1 C# 1

Categories

JavaScript 109 Interview Prep 107 React 92 HTML 79 CSS 62 Vue 52 Portfolio Inspiration 33 Icons 18 Fonts and Typography 15 Git 15 Blogs 13 Design Inspiration 13 How the Internet Works 12 Color Inspiration 11 Youtube Channels 11 Podcasts 10 Optimization 10 Images and Videos 9 Illustrations 7 Hosting Sites 6 Newsletters 6 Browser extensions 4 Introduction 1

Sub Categories

Conferences 169 Courses 115 Articles 109 Books 46 Job Sites 29 Websites 23 Frameworks and Libraries 17 Experts on Twitter 16 Visual Studio Code Extensions 14 Challenge Websites 13 Tools 12 UI Frameworks & Libraries 10 Practice your CSS Skills 8 Podcasts 8 Resume Templates 8 React Tooling 7 Style Guides 7 Cheat Sheets 7 Community 7 Documentation 7 Videos 7 Freelance Jobs Sites 7 Resume Editing 5 Open Source 5 Snippets and cheatsheets 5 Blog Sites 4 Unit Testing 4 Project Ideas 3 State Management 3 Remote Data Fetching 3 Blogs 3 YouTube Series 2 Mock Interviews 2 Create React App 2 Server Side Rendering 2 Reference & Cheat Sheets 2 Youtube Channels 1 Project Pair Programming 1 CSS in JS 1

Keywords

javascript 5 react 5 css 3 es6 3 education 2 es2015 2 learn-to-code 2 programming 2 git 2 redux 2 test-runner 1 test 1 react-components 1 mocha 1 jest 1 enzyme 1 chai 1 ava 1 assertions 1 test-runners 1 testing 1 traversal 1 angular 1 collaboration 1 component-driven 1 composable 1 composable-architecture 1 distributed 1 async 1 book 1 book-series 1 closures 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 styled-components 1 webpack4 1 assertion-library 1 git-client 1 git-gui 1 gitextensions 1 material-dashboard 1