kottans-frontend

Front-End Course from 🐾 Kottans 🐾

General

• 0. Git Basics
• 1. Linux CLI and HTTP
• 2. VCS (hello gitty), GitHub and Collaboration

Front-End Basics

• 3. Intro to HTML & CSS
• 4. Responsive Web Design
• 5. HTML & CSS Practice
• 6. JavaScript Basics
• 7. Document Object Model - practice

Advanced Topics

• 8. Building a Tiny JS World (pre-OOP) - practice
• 9. Object oriented JS - practice
• 10. OOP exercise - practice
• 11. Offline Web Applications
• 12. Memory pair game — real project!
• 13. Website Performance Optimization
• 14. Friends App - real project!

Git Basics

Before the course, I've already familiar with Git a little bit. But thanks to Kottans, I learned a lot of new information, which I'll use in the future. I became more confident in my knowledge about Git.

Udacity - Version Control with Git

learngitbranching.js.org

Linux CLI and HTTP

All materials were new for me. It was great experience and I'd certanly use it in the future work.

Linux Survival

Git Collaboration

Udacity - GitHub & Collaboration

Amazing course! It's a must-have for fully understanding the work with Git and GitHub.

learngitbranching.js.org

I've already completed all the levels at learngitbranching.js.org during 0.Git Basics

Intro to HTML and CSS

Udacity - Intro to HTML and CSS

Codecademy - Learn HTML and Learn CSS

I have updated my base knowledge of html and css. Also I gained new knowledge in html and css, such as:

• scope in the table, type range and datalist in input;
• grid layout and transitions.

Responsive Web Design

Udacity - Responsive Web Design Fundamentals

Flexbox Froggy

I have updated my base knowledge.

HTML and CSS Practice

Demo |||| Code base

It was exciting and very useful!