Skip to content

AaLin-Git/kottans-frontend

Repository files navigation

Stage 0

0. Git basics

I took the Introduction to Git and GitHub course on the Coursera. This was completely new information for me. I have learned many different commands. I was surprised that there is even a git help command that gives information on any command. I think I will use this often.

Screenshots

week1 week2

Then I practiced with learngitbranching. This game helped me remember most of the commands and learn new ones.

Screenshots

screen1 screen2

1.Linux CLI, and HTTP

While I was going through Linux survival I learned a lot of new Linux commands, such as cat, df, ps, grep etc. A lot of them I learned in the previous course. It's really powerful, so I will use it a lot.

Screenshots

screen1 screen2 screen3 screen4 screen5

I also read articles about the http protocol. All information was very useful and new to me.

2.Git Collaboration

I took the Introduction to Git and GitHub course on the Coursera, week 3 and 4. I already knew some commands from previous lessons, like fetch, merge, pull, push etc. I learned a lot about code review and tracking issues. Maybe it would be useful in the future.

Screenshots

week3 week4 screen1 screen2

3.Intro to HTML and CSS

I took 1 and 2 weeks of the course HTML, CSS, and Javascript for Web Developers. I learned a lot about the W3C validator, semantic tags, HTML entities, CSS box-sizing etc. What surprised me the most was the CSS rule "Last declaration wins". This cleared up a lot of the bugs I've run into before 😅

Screenshots

screen1 screen2

I took the courses Learn HTML and Learn CSS on Codeacademy. They weren't new for me.

Screenshots

html screen css screen

4.Responsive Web Design

In article Responsive web design basics I learned a lot new stuff like meta viewport tag, layout floats using percentages for the width, multiple-column layout. I will definitely use a meta viewport tag in future.

I finally figured out the flexbox with FLEXBOX. Вчимося верстати на флексах, which I studied a little earlier. I also learned a lot about flex-direction, order, flex-basis/grow/shrink etc. I was most surprised that you can set the distance between items using a negative margin and positive padding. I will use it.

I also listened CSS Grid Layout playlist. I learned a lot about grid-template-rows, grid-template-columns, grid-template-areas, minmax, repeat etc.

I played the Flexbox Froggy and GRID GARDEN games. It was super fun 😁

Screenshots

flexbox froggy screenshot grid garden screenshot

About

Stage 0 study

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published