The most essential list of resources for Front-End beginners
If you want to learn how to become a Front-End developer, you are on the right place!
Regularly I will update that list with new resources and links I found on the web. Don't hesitate to participate sending a PR! Maybe your first on Github :)
I'm using some emoticons to give you more information about 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
Start here
- Understand Internet
- How Does the Internet Actually Work?
- What is Internet?
- How does the internet work? - Part 1 (It's like a bad drawing.)
- How Does the Internet Work?
- How the Internet Works for Developers - Pt 1 - Overview & Frontend
Benjamin Bayart : Qu'est ce qu'Internet (Conférence à SciencesPo le 14 avril 2010, durée 5h30) C'est pas sorcier -INTERNET : Les pirates tissent leur toile Comprendre Internet - histoire Comprendre comment marche Internet Comprendre Internet
- How Does the Internet Actually Work?
- Understand your journey
Learn HTML
- Courses / Tutorials
Learn HTML - CodeCademy - HTML5 and CSS - FreeCodeCamp
- MarkSheet - A free HTML & CSS tutorial
- Intro to HTML/CSS: Making webpages - KhanAcademy
- Learn the Web
- HTML5 Introduction - EDX
- HTML - Creating basic web pages
- Learn to code HTML & CSS - Shay Howe
- HTML Tutorials
- Intro to HTML and CSS - Udacity
- Learn HTML in 12 minutes - Youtube
- Learn HTML in 30 Minutes - Youtube
- HTML Fundamentals - SoloLearn
- HTML Basics - TreeHouse
- HTML/CSS Path - Code School
- HTML Essential Training - Lynda
- Your First Day with HTML - Pluralsight
- HTML Fundamentals - Pluralsight
- Introduction to HTML and CSS - TreeHouse
- Introduction to HTML5 and CSS3 - Frontend Masters
- HTML/CSS on Code Avengers
- 30 Days to Learn HTML & CSS
Apprenez à créer votre site web avec HTML5 et CSS3 - OpenClassRooms Tutoriels web HTML - Alsacréations HTML et CSS - Le Cours Complet - Udemy - HTML5 Tutorial - w3schools
- Documentation
- Guidelines
- Quiz / Challenges
- Articles/Books
Learn CSS
- Courses / Tutorials
Learn CSS - CodeCademy - Learn CSS in 12 Minutes - Youtube
- CSS Basics - TreeHouse
- Introduction to CSS
- CSS3 In-Depth
- CSS Essential Training 3 - Lynda
- Scalable Modular Architecture for CSS (SMACSS) - Frontend Masters
Tutoriel HTML/CSS - Box Sizing - Grafikart Tutoriel CSS : Comment bien organiser son CSS - Grafikart Tutoriels web CSS - Alsacréations - CSS Tutorial - w3schools
- Selectors
- Flexbox
- CSS Grid
- Documentation
- Guidelines
- Quizz / challenges
- Articles/Books
- CSS, The definitive guide - Eric Meyer
- Enduring CSS - Ben Frain
- The CSS PocketGuide - Chris Casciano
- CSS Secrets: Better Solutions to Everyday Web Design Problems - Lea Verou
- Professional CSS3 - Piotr Sikora
CSS3 - Raphaël Goetter, Hugo Giraudel CSS avancées - Raphaël Goetter CSS avancées, Vers HTML5 et CSS3 - Mathieu Nebra Premier pas en CSS3 et HTML5
Learn JavaScript
- Courses / Tutorials
- Basic JavaScript
- Introduction To JavaScript - CodeCademy
- Beau teaches JavaScript - Youtube
- JS 30 For 30 - 30 Projects for 30 Days
- Intro to JavaScript - Udacity
- Learn JavaScript - Codementor
- Introduction to JavaScript Programming - Frontend Masters
- JavaScript Essential Training - Lynda
- JavaScript Fundamentals - Tuts+
- Getting Started with JavaScript for Web Development - Scotch
- JavaScript Basics - TreeHouse
- JavaScript path - Code School
- ES6 for everyone
Tutoriels web JavaScript - Alsacréations - JavaScript.Info
- JavaScript Tutorial - w3schools
- Basic JavaScript
- Documentation
- Quiz / challenges
- Articles / Books
- Practical Modern JavaScript
- You Don't Know JS (book series)
- JavaScript, the definitive guide
- Javascript: The Good Parts
- Eloquent JavaScript: A Modern Introduction to Programming
- JavaScript Allongée
- Learning JavaScript
- Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers
JavaScript - Développez efficacement
- Practical Modern JavaScript
Learn GIT
- 15 minutes to learn Git
- Git-it (Desktop App) - NodeSchool
Learn Git on CodeCademy - Learn Git Branching – Educational challenges
- Learn Git by Microsoft
- Git-it – Learn Git in a real terminal
- Git CheatSheet
- Git Essential Training - Lynda
Tools
- Essential
- Playgrounds
- Editors
Chat / Slack channels
Aggregators / News
- Smashing Magazine
- CSS-Tricks
- Front-End Stash
- Codrops
- Front-End Front - Basically, front-end news
- Echo JS - JavaScript News
- A list Apart - Code
- Scotch - Code Eat Sleep Loop
Comments
Post a Comment