Курс удался не сразу: неделю назад я почти ничего не понял на обеих платформах (гугл и юдасити), позже вернулся к юдасити и все потихоньку получалось, так и прошел курс. На юдасити все проще обьясняется. Надеюсь, что дальнейшее задание так же смогу выполнить)
Screenshots
Работа с командной строкой была интересной, обьяснения понятные, результат видно сразу, такой формат воспринимается легче чем видео. Раньше не пользовался командной строкой, но уже заметил, что ее можно использовать для работы с Гит. Было немного странно, что сайт сразу исправляет ошибки и не дает написать ни строчки "лишнего" кода. Может это и к лучшему)
1.HTTP: Протокол, який повинен розуміти кожний веб-розробник - Частина 1
Было сложно усваивать информацию, с таким глубоким анализом темы столкнулся впервые, почти все было новым (95%), удивило, что для фронт-энд разработки неободимы такие глубокие знания этой темы. Когда понадобится использовать это на практике я буду знать где найти эту информацию.
2. HTTP: Протокол, який повинен розуміти кожний веб-розробник - Частина 2
Эту часть было легче усваивать т.к с кодами ошибок и вопросом куков сталкивался каждый пользователь браузеров. В целом было так же сложно это усваивать, и так же буду использовать только если будет запрос на подобную информацию, сложно представить использование этого на данном этапе понимания профессии.
- Навчання на Udacity:
Було не дуже зручно там навчатись, як і у першому завданні. Третій тиждень було більш важко сприймати ніж четвертий, бо в останньому була інформація, з якою ми вже знайомились у першому завданні. Приємно відчувати, що щось більш зрозуміле "это меня бодрит, я чувствую себя человеком" =). - Навчання на практиці зі схемами було вже простіше, мені особисто так простіше сприймати інформацію, але це не було просто. Щось необхідно було догуглювати, намагатися зрозуміти, але я вважаю, що щось таки залишилось у моїй пам'яті. Останні завдання виконував з першого разу, аж дивно було.
- Загалом у навчанні Git було враження якоїсь плутанини в інформації: ніби більш складна інформація подається у першу чергу, частина третього уроку була у першому і навпаки. Але мабудь то на краще.
Все ж таки важко уявити ситуації коли такі важкі коміти та поєднання гілок будуть використовуватись на практиці, але сподіваюсь, що ми підготувались до найскладніших моментів роботи щоб буденна його частина була більш простою.
- HTML:
У цій частині тестів-навчання я дізнався як можна з картинки зробити посилання, більш глибоко познайомився із функціоналом форм та їх видами(стільки ще ніде не бачив), особливо із функціями форм як паттерн та required. Познайомився із тегами, з якими раніше не стикався як: embed, figure, section, article. Загалом інші частини вже буди відомі, але дізнатись нові речі було цікаво. Ці новиник навчання занотував та сподіваюсь використовувати їх надалі. "Не div-ом єдиним". - CSS:
Тут дізнався про: використання двох класів одраху(гадав, що то пишться інакше), покращив знання посилань на атрибути, дізнався про правило відступів блоків із "довгими руками блока", більш конкретно дізнався про overflow i border-box. Властивість clear бачив вперше, довелось догуглювати її значення та сенс існування.
Звичайно ж буду використовувати отримані знання на практиці, сподіваюсь, що мені ще платитимуть за це =)
- Responsive web design basics
З цієї статті дізнався про: метатег viewport, що є необхідним для роботи адаптиву; multicol; про те що media запит можна робити не тільки за шириною, а й screen, print, orientation. Дізнався, що медіа запит роблять не за заздалегідь обраними розмірами, а в залежності від зовнішнього вигляду сторінки, починаючи від найменшого.Також було цікаво, що один рядок тексту повинен містити приблизно 10 слів для більш зручного читання. - FLEXBOX. Вчимося верстати на флексах
Цікаво подивитись як верстає профі, але дивує, що там дів на діві, навіть для тексту теж дів. Також дивує кількість вкладень блоків у один елемент(наприклад футер з одним рядком тексту створили із 4-ма вкладеними дів-тегами). Загалом тема знайома, мав посилання на іншу шпаргалку з флексбокс. Не знав, що цей блогер українець, це приємно. - Flexbox Froggy
- CSS Grid Layout
Раніше тількі трохи був знайомий з грідом, не верстав на ньому майже нічого, і по відео мені важко навчатись, сподіваюсь на практиці, ще буду із ним працювати - тоді буде легше опанувати, а поки подивився взагалі на що здатна технологія. - Grid Garden
Demo
This task turned out to be more difficult than it seemed. I thought that my experience was enough to quickly complete it, and therefore, when two days later I found myself in a dead end and almost nothing worked, I began to burn inside. After I pulled myself together, this feeling of stupidity passed and the task had to be solved gradually and thoughtfully. And of course, it seemed to me that the project was ready when I sent it for review, but it was ready:
- after 3 days of my stupidity and silence that he is "ready"
- and another 3 days of corrections of the "ready" project about the mentor's comments.
Separate comment about these fixes. It was unexpected that the mentor also shares articles and tries to suggest something, and not just says what needs to be done.
It's time to speed up
It started off briskly and nicely because I had a basic javascript and a couple of ES6 lessons a few months ago, but I decided to replay it again to fix it. The next couple of blocks were also very kind to me, although sometimes it was necessary to use hints.
But algorithms have already changed the rules of the game. And when I read in the list of tasks that there is a higher level of algorithms, I didn’t feel well.
As a result, the algorithms were passed almost completely with hints, rare cases of independent solution of the problem were happiness.
But I think that is the case with many students... is it true, huh?!
- The video course was interesting, but I didn’t understand some of the information from there: what is the DOMContentLoaded tool for, how best to select the desired element getElement || querySelector. Already understood.
- Part of the algorithm tasks was practically impossible, it was difficult to complete them, very often with hints.
- The project itself was interesting to do. During the implementation, the idea came up what can be shown on the page - students from the course. The heroes of the project also liked it).
There were difficulties with the DRY code, and my idea to change the colors on the page. At first I did everything sequentially and it turned out a lot of lines of code, and the result was already difficult to fix. There was a lot of discussion and reading of the documentation about elementClosest and target, but the application did not work for a long time. Later, I was able to find a solution in one of the students' work, it was the target tool.
I still use the knowledge from that task, sometimes I return to that code.
Demo
This task was easier to do than DOM, but that didn't make it any less interesting. I consulted with the mentor Artem, he suggested where I had mistakes, and Oleksiy also helped with advice, and thanks to this, the task was merged without corrections.
- The videos seemed simple and understandable, the author spoke well, but I began to understand only after about a week. I did not pay attention to where the function is, and where the object is, which of them is the constructor, who has the prototype. Why classes then? Later I came to the conclusion that prototypes are just outdated technology. The VSCode editor also helped a lot: prototype spelling can be turned into classes with one click, and this helps to understand what and why. Perhaps there is no complete understanding of the topic, but I certainly have advanced far.
- The game itself was difficult to understand how to do, the hints in the comments did not help much, but with them and the advice of the students from the course, I was able to see the field for the game and the character. I watched a video about canvas, took a course on Udacity, which was indicated in the assignment, looked at the students' code, but it did not help. I had to look for variants of these games on the Internet, I managed to find an implementation option there, which I had to improve, but even after this, I didn’t have a complete understanding of how this game works. After editing the code in PR, and after completing the task on classes, OOP became clearer.
- I came across codewars before, but I could not understand its interface and put it off for later. Now I had to figure it out, and it was interesting) I plan to use it for training in the future.