Skip to content

max-de-bug/kottans-frontend

Repository files navigation

Git Basics and Linux

Git Basics

  • It is the first time i face with this software platform, and it was really engaging and exciting to learn how to interact with it. I have learned basic Git commands like git add, git commit, git branch, git merge, etc.
Click to expand!

Additional materials_Git Basics
  • Лекція по Git від Олексія Руденка
  • Git за 30 хвилин
  • Git tips
  • About Merge Conflicts
  • Resoilving a Merge Conflict
  • Communicating using Markdown
  • Learn anything front-end
  • TypingClub
  • How to Learn and Cope with Negative Thoughts

Linux CLI, and HTTP

  • I have discovered a lot of useful information about Linux's commands like cd, mv, mkdir, chmod, also i have learned about HTTP and HTTPS protocols, status code, differens between autentification and authorization, etc.
Click to expand!

Additional materials_Linux Cli, and HTTP
  • How I taught myself to code in eight weeks
  • How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path

Git Collaboration

  • I have improved my knowledge about Git and discovered some new commands like git push, git pull, git fetch, etc.
Click to expand!

Additional materials_Git Collaboration
  • An Introduction to Git and GitHub by Brian Yu (CS50 course), video, ~40 min.
  • Oh shit, git!
  • Flight rules for git
  • GitHub Skills

Front-End Basics

Intro to HTML and CSS

  • HTML. Everything was familiar for me, but I have learnt a bunch of new tags like: input, video, audio, embed, figcaption. And also target="_blank" was a new attribute for me. I definitely will use it.

  • CSS. Something i knew before, but I have learnt much more. I have improved my knowledge about box model, margin, position, difference between display: block and display: inline-block and the difference between display: none and visibility: hidden, z-index. Also i've discovered how to reset default of browser by applying star style, and it was astonishing to get to know a lot of values of color property. All of this information is definitely come in handy.

Click to expand!

Additional materials_Intro to HTML and CSS
  • HTML уроки (з 3 по 7 відео)
  • CSS уроки (з 9 по 15 відео)
  • Learn HTML(Eng)
  • Learn CSS(Eng)
  • freecodecamp.org
  • Intro to HTML @github
  • Can't Unsee - brilliant and useful challenge
  • Publish your static web site using GitHub Pages

Responsive Web Design

  • Roughly everything was a new thing for me. I have discovered a lot of information about responsive web design. It was really excited to get to know flexbox and grid layout and how to use them in practice. It is powerful! I definitely will try to use both of them, but I will put an emphasis on grid layout because as for me, it has a little bit more possibility than flexbox.
Click to expand!

Additionlal materials_Responsive web design
  • Specificity
  • Specificity calculator
  • 11 things I learned reading the flexbox spec
  • Flexbox Zombies (game)
  • HiDPI Screens and Web Development

About

Completed tasks from "Kottans-frontend course"

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors