Skip to content

InkoVlad/kottans-frontend

Repository files navigation

Hi, Kottans!

Hello everyone! My name is Vlad. My repo: https://github.com/InkoVlad/kottans-frontend

I am very happy for learning in this frontend course! Thanks for mentors of this course!

Linux CLI, and HTTP

HTTP: Протокол, який повинен розуміти кожний веб-розробник (Частина 1)
	У першій частині цієї статті для мене не виявились новими принципи роботи протоколу HTTP, та методи роботи протоколу мені теж були раніше відомі, такі як: GET, POST, PUT, DELETE. Ті, методи, які виуористовують рідше, я не знав раніше.
	Повністю новою для мене виявився розділ з Формату HTTP-повідомлень, про таке я раніше не чув, щоб повністю усвідомити прочитани йрозділ, необхідний деякий час.
	
HTTP: Протокол, який повинен розуміти кожний веб-розробник (Частина 2)
	В цілому, принципи роботи протоколу HTTP зрозумілі, раньше вже було відомо, що таке HTTPS та Гешування, та для чого вони необхідні.

Module 1 - https://github.com/InkoVlad/kottans-frontend/blob/master/task_linux_cli/module%201%20-%20%20Quiz-1-end.png У цьому модулі типові команди не були новими, оскільки у повсякденному житті я використовую Ubuntu, і доволі часто доводится використовуваи ці команди.

Module 2 - https://github.com/InkoVlad/kottans-frontend/blob/master/task_linux_cli/module%202%20-%20%20Quiz-2-end.png У модулі 2 для виявились новими команди такі, як groups, та корисні символи: O, X. Раніше про таке використання не доводилося чути.

Module 3 - https://github.com/InkoVlad/kottans-frontend/blob/master/task_linux_cli/module%203%20-%20%20Quiz-3-end.png Інформація з цього модулю виявилась для мене повністю новою, досі ще не повністю запам'ятав іх використання, але це справа часу.

Module 4 - https://github.com/InkoVlad/kottans-frontend/blob/master/task_linux_cli/module%204%20-%20%20Quiz-4-end.png Модуль 4 також є абсолютно новим для мене. Я з'ясував, що за допомогою термінальних команд, можна робити в принципі все, що раніше вважалось можливим тільки через інтерфейс операційної системи. Іноді ловив себе на думці, що виконувати деяки операції простіше чперез термінал, ніж через інтерфейс.

Git Collaboration

Week 3 - Introduction to GitHub - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2012-46-57.png

Такі команди, як " git pull ", " git push ", " git commit -a -m"" " складностей не викликали. Дуже цікаво стало з приводу помічників облікових данних, щоб постійно не автризовуватись, думає це буде доволі корисно. Хоча, читав, що останнім часов GitHub вимагає створення ssh ключів, або токену безпеци для кожного репозиторію. 

Week 3 - Using a Remote Repository - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2014-06-57.png Інформація з роботи з віддаленим репозиторієм є корисною, але на практиці виникали деякі проблеми з роботую відаленного сховища, але легко вирішились, завдяки цим лекціям, а саме наступному кроку "Solving Conflicts"

Week 3 - Solving Conflicts - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2014-06-57.png Саме ці лекції допомогли вирішити конфікти під час практичного занняття по роботі з віддаленими репозиторіями. На початку я навіть випадково перепушив деякі файли, і у віддаленому репозиторії стер всю стару інформацію. Взагалі, не можна робити примусовий пуш у випадках якихось конфліктів =)

Week 4 - Pull Requests - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2020-34-42.png Ну, pull requests є основою основ при роботі із гід, в цілому, не викликало якихось серйозних складностей на практиці.

Week 4 - Code Reviews - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2020-52-53.png Ця тема для мене виявилась новою, і схоже, при роботі у команді, це доволі важливий етап роботи у гід з командою. Але практично не доводилось з цим працюватию Думаю, у найближчому майбутньому ці знання зможу відпрактикувати. Цікаво, що в цілому GitHub дає повний інструментарій для командої роботи із кодом особливо не застосовуючи сторонній софт.

Week 4 - Managing Projects - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/Screenshot%20from%202022-09-03%2021-21-06.png Ця тема у навчальному матеріалі не дуже зрозуміла у практичному сенсі, треба час на усвідомлення отриманного матеріалу. Але, я дуже здивований, на скільки курс від Google є якісний, та спрямованний для навчання, нібо особисто для тебе. Зрозуміло, що взагалі весь код, який був запушений у проект, у всіх гілках окремих розробників потрібно перевірати, але як це відбувається практично, не дуже зрозуміло.

learngitbranching.js.org

Основи - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/git_learning_origin.png

- Вступ та Їдемо далі - не викликало якихось складностей, звичайні команди, думаю вони використовуютсья майже кожного дня у роботі
- Переміщуємо роботу туди-сюда - Знайомство с cherry-pick мені здалося не складним та логічно зрозумілим, а от git rebase -i HEAD~ викликало чимало складностей, дуже багато часу витратив на те, щоб зрозуміти як правильно користуватись цим, думаю з часом практики, остаточно розберусь із цим.

Віддалені репозиторії - https://github.com/InkoVlad/kottans-frontend/blob/master/task_git_collaboration/git_learning_remote_repositories.png

Push & Pull -- віддалені репозиторії та Через origin до зірок - Здавалося б, що вже знайомий з pull та push, але завдання у цьому тренажері змусили попотіти у прямому сенсі, це просто симулятор роботи у доволі складних проектах, де не дразу можна зрозуміти що саме необхідно зробити, головне вже по ітогу все ж вистачає сил виконати ці вправи. Думаю, що і майбутньому, вже у справжній роботі ці навички будуть над потрібними, і без них наврядчи вийде навіть почати роботу у команді у великому проекті. Більшість вправ необхідно повторювати раз за разом, але загальний принцип зрозумілий.

Intro to HTML and CSS

Week 1 - Вступ до курсу - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week1-html%2Ccss%2Cjs-1.png Схоже, лектор данного курсу має досить великий досвід у веб розробці, в цілом його підхід до викладення матеріал є цікавим, та дає надію на ефективне навчання

Week 1 - Налаштування середовища розробки - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week1-html%2Ccss%2Cjs-2.png Гарний курс, для новачків чудово розкриває тему з налаштування робочого середовища для роботи

Week 1 - Основи HTML - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week1-html%2Ccss%2Cjs-3.png Цікава інформація, яка розповідаю історію розвитку HTML. Не є новим, але пам'ять освіжає.

Week 1 - Основні теги HTML5 - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week1-html%2Ccss%2Cjs-4.png Весь викладенний матеріал не є абсолютно новим, але допоміг освіжити пам'ять, в цілому, все, що викладенно у цьому курсі, скоріш за все, має повсякденний характер у практиці веб розробника

Week 2 - Основи каскадних таблиць стилів - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week2-html%2Ccss%2Cjs-1.png Чудові лекції с основ стилів CSS, не є новим матеріалом, але повторювати матеріал досить цікаво

Week 2 - Вирішення конфліктів правил CSS і стилі тексту - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week2-html%2Ccss%2Cjs-2.png Виявилось досить цікавий матеріл. Думаю, що конфлікти у стилях є досить частим явищем, і важливо у цьому знатись.

Week 2 - Модель коробки та макет - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week2-html%2Ccss%2Cjs-3.png Лекція відповідає на важливі питання стосовно позиціонування елементів, це просто невід'ємна частина у роботі з HTML та CSS

Week2 - Введення в адаптивний дизайн - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week2-html%2Ccss%2Cjs-4.png Адаптивнисть сторінки є важливою та невід'ємною частиною веб застосунку, інформація у цій лекції цікава та корисна. Лекця дає знання з мінімальних потреб для респонсивності макету.

Week2 - Знайомство з Twitter Bootstrap - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/week2-html%2Ccss%2Cjs-5.png Інформація у ці серіїї лекцій є новою, для відмітив взагалі існування бібліотеки Twitter Bootstrap, та принципи її роботи. Думаю, що у навчанні та роботі доволі скоро це знадобиться на практиці.

Learn HTML(Eng) - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/html_learn.png
Learn CSS(Eng) - https://github.com/InkoVlad/kottans-frontend/blob/master/task_html_css_intro/css_learn.png

Матеріали курсів не є новими, корисні для абсолютних початківців, оскільки дає інформацію, яка використується завжди у практиці розробника. Виявилось корисним освіжити пам'ять та фундаметальні знання з html та css.

Responsive Web Design

FLEXBOX. Вчимося верстати на флексах - https://github.com/InkoVlad/kottans-frontend/blob/master/task_responsive_web_design/CSS%20Grid%20Layout.png Раніше вже вчився за даними відео верстати за допомогою Flex-Box, матеріал цікавий, так структуровано корисний, доволі сильно допомагає вивчити тему Flex-Box

Flexbox Froggy - https://github.com/InkoVlad/kottans-frontend/blob/master/task_responsive_web_design/Flexbox%20Froggy%20.png Класна ігра, теж її колись проходив, саме вона і допомогла практично закріпити знання з Flex-Box, за допогою чого я вже зміг наверстати перший лендінг через флекси

CSS Grid Layout - https://github.com/InkoVlad/kottans-frontend/blob/master/task_responsive_web_design/CSS%20Grid%20Layout.png А от матеріал з гридів виявився новим у загальному сенсі, раніше багато читав та дивися відео на цю тему, але ця серія відео допогла пройти гру з гридів.

Grid Garden - гра для закріплення - https://github.com/InkoVlad/kottans-frontend/blob/master/task_responsive_web_design/Grid%20Garden%20.png Ця гра для мене виявилась викликом, чим далі проходив завдання ти більше часу витрачав на вирішення. Grid цікав технологія, та дозволяю робити речі, які раніше здавалися б неймовірними.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published