{"id":18304215,"url":"https://github.com/bulhakovolexii/kottans-frontend","last_synced_at":"2026-01-22T18:05:48.370Z","repository":{"id":60502314,"uuid":"523661216","full_name":"bulhakovolexii/kottans-frontend","owner":"bulhakovolexii","description":"Here is the process of my front-end learning on the Kottans course.","archived":false,"fork":false,"pushed_at":"2023-01-24T11:27:55.000Z","size":4810,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T10:27:34.296Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bulhakovolexii.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-11T09:26:36.000Z","updated_at":"2022-08-11T09:26:36.000Z","dependencies_parsed_at":"2023-02-13T20:47:06.229Z","dependency_job_id":null,"html_url":"https://github.com/bulhakovolexii/kottans-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bulhakovolexii/kottans-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bulhakovolexii%2Fkottans-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bulhakovolexii%2Fkottans-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bulhakovolexii%2Fkottans-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bulhakovolexii%2Fkottans-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bulhakovolexii","download_url":"https://codeload.github.com/bulhakovolexii/kottans-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bulhakovolexii%2Fkottans-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28667881,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T17:07:18.858Z","status":"ssl_error","status_checked_at":"2026-01-22T17:05:02.040Z","response_time":144,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T15:28:09.985Z","updated_at":"2026-01-22T18:05:48.345Z","avatar_url":"https://github.com/bulhakovolexii.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hello World\n\n\u003e I am **Olexii Bulhakov** and this is a diary of my studies with [Kottans][1].\n\n## Contents\n\n0. [Git basics](#git-basics)\n1. [Linux CLI, and HTTP](#linux-cli-and-http)\n   - [Linux Survival](#linux-survival)\n   - [HTTP Basics](#http-basics)\n2. [Git Collaboration](#git-collaboration)\n3. [Intro to HTML and CSS](#intro-to-html-and-css)\n4. [Responsive Web Design](#responsive-web-design)\n6. [JS Basics](#js-basics)\n\n## Git Basics\n\nMy impressions from the studied material:\n\n\u003e The only contact I had with Git before was in the form of a single button in VScode that \"did things\" after clicking.\n\u003e I perceived GitHub only as a cloud storage. Everything turned out to be much wider and deeper. The first tasks in\n\u003e [Coursera][2] and [Learn Git Branching][3] gave more new questions than answers, but I see this as a big plus, because\n\u003e I feel that the thirst for knowledge prompts me to work further.\n\n## Linux CLI, and HTTP\n\nScreenshots of completed quizzes:\n\n- [Linux Survival | Module 1](./task_linux_cli/quiz_1.png) (432,4 kB)\n- [Linux Survival | Module 2](./task_linux_cli/quiz_2.png) (447,5 kB)\n- [Linux Survival | Module 3](./task_linux_cli/quiz_3.png) (470,1 kB)\n- [Linux Survival | Module 4](./task_linux_cli/quiz_4.png) (482,6 kB)\n\nMy impressions from the studied material:\n\n### Linux Survival\n\n\u003e Before starting the frontend course, I decided in advance to install Linux on my main computer. The advice from\n\u003e students in the chat prompted me to do this. If I had familiarized myself with the basic commands of the command line\n\u003e earlier, then, probably, Linux configuring would be much easier. Most of the learned commands are important and useful\n\u003e in everyday use, except maybe the commands for work with the printer.\n\n### HTTP Basics\n\n\u003e This material was very difficult for me to understand, but quite interesting. I learned that the IP/TCP/HTTP protocols\n\u003e don't just work together, but do so at different levels of the hierarchy. I really liked the material about working\n\u003e with the cache, it became clear that it's very important for speed and traffic savings. I definitely want to try using\n\u003e the authorization mechanism in one of my future projects\n\n## Git Collaboration\n\nScreenshots of completed quizzes:\n\n- [Coursera | Introduction to Git and GitHub](./task_git_collaboration/git_course_result.pdf) (299,1 kB)\n- [Learning Git Branching | Basics](./task_git_collaboration/branching_basics.png) (131,4 kB)\n- [Learning Git Branching | Remote](./task_git_collaboration/branching_remote.png) (121,4 kB)\n\nMy impressions from the studied material:\n\n\u003e I bought a subscription to Coursera to access the checked labs and didn't regret it at all. This allowed me to\n\u003e experiment with Git functionality from the command line without the risk of getting confused and messing up my files\n\u003e since the entire lab process takes place on a test remote machine with an SSH connection. This practice helped a lot\n\u003e to consolidate the studied material. Learning Git Branching helped to visualize all the difficult moments to make it\n\u003e easier to imagine what happens after a particular command. In particular, it helped me realize that branches are in\n\u003e three states at the same time, and until the `fetch` command is executed, the `main`, `origin/main` locally located,\n\u003e and `main` remotely located branches can have different files and lines of code. I acquired more questions than\n\u003e answers, as after the previous task, so I feel an urgent need to take each of the courses at least once more to\n\u003e consolidate the material.\n\n## Intro to HTML and CSS\n\nCertificates of completed quizzes:\n\n- [Coursera | HTML, CSS, and Javascript for Web Developers](./task_html_css_intro/html_css_js_coursera.pdf) (305,7 kB)\n- [Learn HTML | Codecademy](./task_html_css_intro/html_codecademy.pdf) (47,9 kB)\n- [Learn CSS | Codecademy](./task_html_css_intro/css_codecademy.pdf) (47,6 kB)\n\nMy impressions from the studied material:\n\n\u003e An enormous amount of time has passed since my last report, and I believe it is necessary to explain the reason.\n\u003e Firstly, I received a scholarship to study front-end under the \"IT Generation\" program. Participation in the\n\u003e competitive selection required a lot of effort and time, but these investments were fully justified. Secondly, I set a\n\u003e goal for myself, not only to pass the \"sufficient\" part of the courses offered but to master them completely and\n\u003e receive the appropriate certificates of completion of the courses. I was not prepared for the fact that these courses\n\u003e will contain the basics of OOP and Ajax, most of the material was not fully understood by me, and I will absolutely\n\u003e have to return to this later. Now I want to continue my studies with the Kottans, in parallel with the \"IT\n\u003e Generation\", according to the 2p2 scheme.\n\n## Responsive Web Design\n\nScreenshots of completed quizzes:\n\n- [Flex Froggy](./task_responsive_web_design/flexbox_froggy.png) (1.7 MB)\n- [Grid Garden](./task_responsive_web_design/grid_garden.png) (389,4 kB)\n\nMy impressions from the studied material:\n\n\u003e Grid and Flex, are amazing technologies that made me want to put them into practice right away. Previously, I did a\n\u003e responsive design practice with only floating elements, which I found to be a much less intuitive way. The open\n\u003e question for me remains the use of Grid and Flex together, and when it is appropriate to use one of them.\n\n## JS Basics\n\nScreenshots of completed courses:\n\n- [freeCodeCamp](./task_js_basics/freecodecamp-js-basics.jpg) (337 kB)\n\nMy impressions from the studied material:\n\n\u003e I have previously taken courses on the basics of the JavaScript language, but in the freeCodeCamp course I learned a\n\u003e lot of new things, and the last task was frankly not easy for me. The fundamentals of functional programming and the\n\u003e solution of algorithms using them caused particular difficulty. In many cases, I had to use the hint help. I hope in\n\u003e the future it will become easier for me to navigate higher-order functions and array methods.\n\n[1]: https://kottans.org/ \"Kottans - Knowledge must be shared\"\n[2]: https://www.coursera.org/learn/introduction-git-github \"Introduction to Git and GitHub | Coursera\"\n[3]: https://learngitbranching.js.org/ \"Most visual and interactive way to learn Git on the web\"\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbulhakovolexii%2Fkottans-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbulhakovolexii%2Fkottans-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbulhakovolexii%2Fkottans-frontend/lists"}