frontend-development

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

Last synced: 2 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
  - 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
  - Chingu
- Open Source
- Articles
- YouTube Series
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
  - 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
  - Getting started with Vue - MDN
  - Vue Cheatsheet
- 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

Interview Prep 115 JavaScript 106 React 84 HTML 78 CSS 61 Vue 46 Portfolio Inspiration 32 Icons 18 Fonts and Typography 15 Blogs 12 Git 12 Podcasts 11 Color Inspiration 11 Design Inspiration 11 Youtube Channels 11 Optimization 10 How the Internet Works 9 Images and Videos 9 Illustrations 7 Newsletters 7 Hosting Sites 6 Browser extensions 4 Introduction 1

Sub Categories

Conferences 163 Articles 117 Courses 106 Books 43 Job Sites 28 Websites 22 Frameworks and Libraries 17 Experts on Twitter 14 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 Community 7 Cheat Sheets 7 Freelance Jobs Sites 7 Documentation 6 Snippets and cheatsheets 5 Open Source 5 Resume Editing 4 Videos 4 Unit Testing 3 Project Ideas 3 Remote Data Fetching 3 YouTube Series 3 State Management 3 Blogs 3 Blog Sites 3 Mock Interviews 2 Project Pair Programming 2 Create React App 2 Server Side Rendering 2 Reference & Cheat Sheets 2 Youtube Channels 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