Preparing for front-end interviews?
I have found some good repositories to prepare for front-end interviews.
thedaviddias
/
Resources-Front-End-Beginner
๐ฏ The most essential list of resources for Front-End beginners (๐บ๐ธ ๐ฌ๐ง ๐จ๐ฆ & ๐ซ๐ท)
The most essential list of resources for Front-End beginners (๐บ๐ธ ๐ฌ๐ง & ๐ซ๐ท )
If you want to learn how to become a Front-End developer, you are in the right place!
I will regularly update that list with new resources and links I found on the web. Don't hesitate to participate by sending a PR! Maybe your first on Github :)
I'm using some emoticons to give you more information on these links.
- All links without a flag are in English
๐บ๐ธ ๐ฌ๐ง . The flag๐ซ๐ท means the resource is in French,๐ means the resource is multi-language. -
๐ฐ are paid tutorials,๐ are free tutorials. Sometimes you will have some free videos / articles and other paid on the same website. -
๐ indicate that the link is a reference -
๐น is present when video content is available
Table of Contents
sadanandpai
/
frontend-learning-kit
Frontend tech guide and curated collection of frontend materials
Frontend Learning Kit
Frontend tech guide and curated collection of frontend materials
2022 Frontend Dev Interview checklist & Roadmap
Frontend Role Guide to know about different frontend roles and their criterion
Frontend Interview Guide to know about different frontend interview rounds
Frontend projects for Practice & interviews (beginners to intermediates)
FAQs to clarify common doubts
Frontend resources/materials
HTML
-
๐ MDN HTML -
๐ W3 Schools
CSS
-
๐ MDN CSS -
๐ Web Dev -
๐ฅ CSS Complete Guide - Udemy -
๐ CSS for JS developers
Advanced CSS
-
๐ Debugging CSS -
๐ฅ CSS Demystified
JavaScript
-
๐ Eloquent JavaScript -
๐ JavaScript Info -
๐ JavaScript Tutorial -
๐ JavaScript for Impatient Programmers -
๐ Just Javascript -
๐ฅ Complete JavaScript -
๐ฅ Javascript Complete Guide
Advanced JavaScript
-
๐ You don't know JS -
๐ Secrets of the JavaScript Ninja -
๐ Deep JavaScript -
๐ Professional JavaScript for Web developers -
๐ฅ Deep JavaScriptโฆ
thedaviddias
/
Front-End-Design-Checklist
๐ The Design Checklist for Creative Web Designers and Patient Front-End Developers
Front-End Design Checklist
The Design Checklist for Front-End Developers is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development.
Table of Contents
- 1. Design requirements
- 2. Analysis and pre-work phases
- 3. Validation
- 4. Development phase
- 5. Before production
The Design Checklist for Front-End Developers is an exhaustive list of elements which Web Designers and Front-End Developers need to take into consideration to facilitate their collaboration. The following elements are a mix between known practices and new elements based on a long experience analysing web designs.
In case you are looking for a list of all elementsโฆ
thedaviddias
/
Front-End-Checklist
๐ The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist
๐จ Currently working on a V2 of frontendchecklist.io,
feel free to discuss any feature you would like to see in the next version
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
How To Use โข Contributing โข Website โข Product Hunt
Other Checklists:
It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists.
How to use?
All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:
thedaviddias
/
Front-End-Performance-Checklist
๐ฎ The only Front-End Performance Checklist that runs faster than the others
Front-End Performance Checklist
๐ฎ The only Front-End Performance Checklist that runs faster than the others.
One simple rule: "Design and code with performance in mind"
How To Use โข Contributing โข Product Hunt
Other Checklists:
Introduction
Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too. The Front-End Performance Checklist is an exhaustive list of elements you should check or at least be aware of, as a Front-End developer and apply to your project (personal and professional).
How to use?
For each rule, you will have a paragraph explaining why this rule is important and how you can fix it. For more deep information, you should find links that will point to
Allโฆ
yangshun
/
front-end-interview-handbook
โก๏ธ Front End interview preparation materials for busy engineers
Front End Interview Handbook
What is this?
Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domainโโโHTML, CSS, JavaScript, just to name a few areas.
While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.
Why do I want this?
๐ Front End
โฆ
andrew--r
/
frontend-case-studies
๐ผ A curated list of technical talks and articles about real world enterprise frontend development
Articles like โBuilding a simple todo list with [framework or technology name]โ wonโt teach you how that framework or technology solves real-world problems and works at a large scale. This document is a curated list of technical talks and articles about real-world enterprise frontend development.
Table of contents
-
English
- AdRoll
- Aha!
- Airbnb
- ALDO
- Algolia
- Allegro
- Artsy
- Atlassian
- Australian Broadcasting Corporation
- Badoo
- BBC
- Betty Crocker
- Bitmovin
- blogfoster
- Bloomberg
- BuzzFeed
- Campaign Monitor
- Carbon Five
- Carousell
- cars.com
- Checkbot
- Clearleft
- Cloudflare
- Cloud Four
- CodeSandbox
- Condรฉ Nast
- Conductor
- DAZN
- De Voorhoede
- DEV
- Discord
- <div>RIOTS
- Dropbox
- eBay
- Electronic Arts
- Ele.me
- Etsy
- Evil Martians
- Expedia Group
- ezCater
- fastq.bio
- Figma
- Financial Times
- Flickr
- Flipkart
- Flocktory
- Futurice
- Garbarino
- GitHub
- GitLab
- Goibibo
- GOV.UK
- grammarly
- Gusto
- HealthCare.gov
- Heap
- in der Apotheke
- Infinite Red
- Insider Inc.
- Internet Archive
- Intuit
- InVision
- Khan Academy
- Kickstarter
- Klarna
- Line
- Lucidchart
- Lyft
- Mail.ru
- Mailchimp
- MDN
- Medium
- MemSQL
- Mercado Libre
- Microsoft To-Do
- Mixmax
- โฆ
If you have any good resources feel free to share I will add them.
P.S. - Read daily/weekly one case study you will learn a lot.
I have created a notion page for resources feel free to bookmark it. I will add more resources and good blogs.
Top comments (0)