CAT Frontend Circle Road Map (English) (Recommended)
This road map is all about reaching the target of our circle which cares about moving a zero skilled student to a good point as a front end developer and programmer in general.
Other Roads
Resources
HTML
Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.
CSS
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript
- CSS Crash Course - YouTube
- CSS Positioning - YouTube
- CSS FlexBox - YouTube
- CSS Animations - YouTube
- Sass Course - YouTube
HTML5 & CSS3
- HTML5 & CSS3 Crash Course - YouTube
- Learn HTML5 and CSS3 - YouTube
- HTML5 / CSS3 For Beginners - YouTube
- Advanced CSS and Sass - Udemy
- CSS - The Complete Guide - Udemy
Git
Git is a distributed version-control system for tracking changes in source code during software development. It is designed for coordinating work among programmers, but it can be used to track changes in any set of files. Its goals include speed, data integrity, and support for distributed, non-linear workflows.
Javascript
JavaScript, often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.
- JS Course - YouTube
- JS DOM - YouTube
- JS BOM
- Async JS - YouTube
- Async JS include Rxjs - YouTube
- ES6 Crash Course - YoutTube
- Dive Deep
- Good To Know Libs
Problem Solving
Problem solving consists of using generic methods in an orderly manner to find solutions to problems which improve programming skills in general.
Frameworks
React Js
React is an open-source JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
Angular 2+
Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.
Channels
Note This list is not sorted by any parameters.
- Traversy Media
- Academind
- Programming with Mosh
- The Net Ninja
- Fun Fun Function
- freeCodeCamp.org
- Dev Ed
- Fireship
- DesignCourse
- Colt Steele