Progress | Type | Item | Project(s) | Date |
---|---|---|---|---|
Project | FCC Front End Project - Build Your Portfolio | |||
Course | Learn to use Command line | |||
Course | Learn Version Control (Git) - Git course @Codeschool OR Codecademy - Learn Git | |||
Course | Learn Flexbox - Flexbox.io OR Flexboxfroggy | |||
Course | Learn Sass - Sass-guide OR Sass Tutorials | |||
Project | Refactor the portfolio site layout and CSS using Flexbox and Sass | |||
Course | Watch N Code Practical Javascript | |||
Book | Eloquent Javascript | |||
Project | Do FCC Javascript Basic Algorithm Challenges | |||
Book | Learn DOM manipulation - DOM Enlightenment | |||
Project | Make a todo list webapp | |||
Course | Learn AJAX | |||
Project | FCC Intermediate Project - Build a Random Quote Generator | |||
Project | FCC Intermediate Project - Build a Local Weather App | |||
Project | FCC Intermediate Project - Build a Wikipedia Viewer | |||
Project | FCC Intermediate Project - Build a Twitch TV Viewer | |||
Course | ES6 Crash Course | |||
Course | Javascript30 | |||
Project | Do FCC Javascript Intermediate Algorithm Challenges | |||
Project | FCC Advanced Project - Build a Javascript Calculator | |||
Project | FCC Advanced Project - Build a Pomodoro Clock | |||
Project | FCC Advanced Project - Build a Tic Tac Toe game | |||
Project | FCC Advanced Project - Build a Simon Game | |||
Milestone | FreeCodeCamp Front End Certificate | |||
Course | [Optional] JavaScript: Understanding the Weird Parts | |||
Book | YDKJS: Up & Going | |||
Book | YDKJS: Scope & Closures | |||
Book | YDKJS: this & Object Prototypes | |||
Book | YDKJS: Types & Grammar | |||
Book | YDKJS: Async & Performance | |||
Book | YDKJS: ES6 & Beyond |
Progress | Type | Item | Project(s) | Date |
---|---|---|---|---|
Course | Learn React @Egghead.io | |||
Course | Learn Redux - Redux course - Wes Bos | |||
Project | FCC React Project - Build a Markdown Previewer | |||
Project | FCC React Project - Build a Recipe Box App | |||
Project | Clone the Netflix interface using React - pulling data from the Movie DB API | |||
Project | Clone this Admin template using React |
Progress | Type | Item | Project(s) | Date |
---|---|---|---|---|
Course | Learn Vue - Learn Vue 2: Step By Step | |||
Project | Build a Navigation Menu | |||
Project | Build an Instant Search Widget |
Progress | Type | Item | Project(s) | Date |
---|---|---|---|---|
The Basics | Learn Core Python Basics | |||
Course | Think Python OR Codecademy Learn Python Tutorials OR Fullstack Python |
**more: ** Click here
Progress | Type | Item | Project(s) | Date |
---|---|---|---|---|
Course | Nodeschool.io Tutorials | |||
Project | FCC Backend Project - Timestamp Microservice | |||
Project | FCC Backend Project- Request Header Parser Microservice | |||
Project | FCC Backend Project- URL Shortener Microservice | |||
Project | FCC Backend Project- Image Search Abstraction Layer | |||
Project | FCC Backend Project- File Metadata Microservice | |||
Project | FCC Backend Project- Build a Voting App | |||
Project | FCC Backend Project- Build a Nightlife Coordination App | |||
Project | FCC Backend Project- Chart the Stock Market | |||
Project | FCC Backend Project- Manage a Book Trading Club | |||
Project | FCC Backend Project- Build a Pinterest Clone | |||
Milestone | FreeCodeCamp BackEnd certificate |
- Learn to setup your own local developement environment
- Deploy completed projects using Github Pages or surge.sh (Both front-end only) Or Glitch (Works with back-end too)
- Learn about build tools like Gulp and include them in projects
- Learn about linting. Use linters like ESLint for Javascript , Pylint Stylelint for CSS in your projects.
- Learn about CSS conventions like BEM, SMACSS.
- Make a habit of coding daily. Try #100DaysofCode Challenge