Giter Club home page Giter Club logo

kottans-frontend's Introduction

kottans-frontend

A repo for Kottans learning course

This course is really awesome, I'm amazed how people can help each other to learn something useful and new. Hope I'll help somebody too:)

Stage 0. Self-Study

General

  • 0. Git Basics
  • 1. Linux CLI and Networking
  • 2. VCS, GitHub and Collaborating

Front-End Basics

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

Advanced Topics

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

GIT Basics

Good to recall some basic knowledge. Now I finally understand how git works and how to work with branches

Results

Screenshot Screenshot Screenshot


Linux CLI and Networking

Learned a lot of new linux commands and figured out how to use some old in different way. Finally, I understand how "|" works.

Read about HTTP protocol, together with new cli commands it will be really useful even on my current job as system engineer.

Results

Screenshot Screenshot Screenshot Screenshot Screenshot


Git Collaboration

This material was really challenging. On my mind, it's really difficult to understand such details of git without practice, so I'm looking forward to use new commands in the future.

Results

Screenshot Screenshot Screenshot Screenshot


Intro to HTML and CSS

On my mind, this material could be good just with Codeacademy practice, because they give same information as teacher on Coursera lectures, but may be for somebody repeating same information could be useful in learning. Looking forward to continue practicing html and css.

Results

Screenshot Screenshot Screenshot



Responsive Web Design

That was good, I really like when learning combined with gaming practice. Now I know some basics of css flexboxes and grids, that'll be really useful.

Results

Screenshot Screenshot



HTML & CSS Practice

Some things were really challenging, but when I have understood how to make popup button via hidden checkbox - things became easier:) Also it was some sort of quest to make more button, but now it's done!

Link to website


kottans-frontend's People

Contributors

andrewbersh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.