Skip to content

Latest commit

 

History

History
153 lines (85 loc) · 5.8 KB

README.md

File metadata and controls

153 lines (85 loc) · 5.8 KB
Raw

kottans-frontend

For tasks of Kottans Front-End course

Git and GitHub

1. Finish the course Version Control with Git

1.1 Screenshot

I learned about version control tools and basic git commands.

2. Finish the course https://learngitbranching.js.org/

1.2 Screenshot

1.3 Screenshot

I practiced with various teams and saw the power of version control tools.

Linux CLI, HTTP

2.1 Screenshot

I found out how caching proxies work. Acquainted with Linux commands and types HTTP and Headers of HTTP request/response messages.

Git Collaboration

3.1 Screenshot

I learned additional commands and in the future I will try to use them in my work.

Intro to HTML and CSS

1. Intro to HTML & CSS

4.1 Screenshot

2. Learn HTML

4.2 Screenshot

3. Learn CSS

4.3 Screenshot

Updated my knowledge of HTML and styles. I learned about semantic markup.

Responsive Web Design

1. Responsive Web Design Fundamentals

5.1 Screenshot

2. Flexbox Froggy

5.2 Screenshot

I learned best practices of responsive layout using media queries.

HTML & CSS Practice

While completing the task, I encountered a lot of difficulties that had previously bypassed me. One of the problems was related to the use of the checkbox as a navigation tool.

Demo

JavaScript Basics

1. Intro to JS

6.1 Screenshot

2. Basic JavaScript

6.2 Screenshot

3. ES6 Challenges

6.3 Screenshot

4. Basic Data Structures

6.4 Screenshot

5. Basic Algorithm Scripting

6.5 Screenshot

6. Functional Programming

6.6 Screenshot

7. Algorithm Scripting Challenges

6.7 Screenshot

I updated my knowledge of js and it helped me to complete tasks in the future. Learned about the EC6 syntax chips:

  • Destructuring
  • OOP principles (classes)
  • Spread operators
  • and much more. I learn the basics of algorithms and data structures, as well as with the basic principles of functional programming.

Document Object Model

While completing the task, I came across real cases of working with elements of DOM elements, without using other libraries. It was a good experience and I am very grateful to mentors for their help and review.

Demo

Object Oriented JS

1. Object Oriented JS

7.1 Screenshot

2. OOP JS Codewars

7.2 Screenshot

This was good OOP practice. It wasn't easy to get it right the first time, but nevertheless it worked out and it was cool.

Demo

OOP exercise

I tried to do the task perfectly the first time, but it turned out to be more difficult than it seemed. Very good OOP practice, creating classes and constructors. Thanks for help to the mentor and community members.

Demo

Memory – Pair Game

I was very involved in the execution of this task. A well is pumped to work with DOM methods and arrays. I wanted to make the game beautiful, and as a result, some of my friends, whom I threw off the link to the task, admitted that they were stuck in the game for a long time =)

Demo

Memory – Pair Game (in process)

This is a very interesting task that is very close to a real task. To make the result sufficient for me, I asked my girlfriend to make me a layout in Figma. Practiced array methods very well and learned how to best implement search. Thank you for your patience to mentors who try to explain in as much detail as possible how to improve my work.

Demo