Чему я научился во время 100-дневного задания по коду

Я выполнил задание #100DaysOfCode (почти подряд каждый день)🎉! Это был отличный журнал для отслеживания моего опыта в кодинге, так что я хотел бы оглянуться назад и поставить цель для следующего вызова!

Вот мой самый первый пост в этом вызове:

Hikari🇨🇦🇯🇵
@hk_vancouver
День 1 из #100DaysOfCode

Это самый первый пост #100DaysOfCode!
Я практиковался в анимационных эффектах, а также узнал, как работать с border-radius, чтобы сделать искаженный круг с помощью CSS🌸

02:42 AM — 28 Apr 2022

На данный момент, навыки кодирования у меня были следующие

  • Базовые навыки кодирования HTML и CSS
  • Немного базовых знаний синтаксиса Javascript

Давайте посмотрим, чему я научился за 100 дней!

Чему я научился

  • HTML
  • CSS, Sass
  • Решение алгоритмов
  • JavaScript: Манипулирование DOM, API
  • Java: ООП, база данных, инструмент Spring, PostgreSQL
  • React: JSX, реквизиты, состояние, компонент класса, крючки (UseState)
  • Инструменты: Командная строка, Github, Heroku, Figma, Semantic UI

Что я создал (выдержка)

  • HTML и CSS (Sass)

Задачи от Fronted menter были хороши для тренировки моих навыков HTML и CSS и дали мне некоторые идеи о дизайне. Особенно привыкание к реализации отзывчивого дизайна заняло у меня много времени, но функции Sass, такие как @mixin, облегчили мне жизнь😂.

Hikari🇨🇦🇯🇵
@hk_vancouver
День 19 из #100DaysOfCode
☑️ Наконец-то закончил создание этого сайта!
Свойство background-position задает начальную позицию для каждого фонового изображения. (background-attachment тоже может работать!).
— Мой наставник поместил JS функцию🤗🌠
☑️Учился работать с git-merge и npm файлами!
04:43 AM — 16 мая 2022 г.
  • JavaScript: DOM munpilation

В течение этих 100 дней, я думаю, одной из самых важных частей, на которых я сосредоточился, было изучение DOM. В начале я изучил учебники #JavaScript30, чтобы получить общее представление о том, что я могу с ним делать.

После завершения учебников я попытался создать несколько небольших компонентов или проектов, чтобы привыкнуть писать коды самостоятельно с нуля.

Hikari🇨🇦🇯🇵
@hk_vancouver
День 46 из #100DaysOfCode
☑️ Наконец-то я закончил с установкой темы для темного режима! 👏🎉 Мне нравится то, что я проверяю, устанавливал ли пользователь ранее тему ОС, и в зависимости от этого определяется тема цвета.
Я так счастлива создать тему темного режима на моем сайте🥰💫.
07:05 AM — 12 Jun 2022
Hikari🇨🇦🇯🇵
@hk_vancouver
День 59 из #100DaysOfCode
Я создал табло с нуля, чтобы отработать функцию JS DOM (включая дизайн✌️). Это было довольно сложно связать с CSS, но я доволен этой работой. Моя любимая часть — это режим игры deuse с помощью эффективного оператора if. Надеюсь, вам понравится😁.
05:15 AM — 03 Jul 2022

Много ошибок и застреваний научили меня этим важным методам JavaScript DOM, таким как ниже.
Вот несколько примеров:

✅getElementId (для виртуального доступа к любому элементу)

✅Node (для доступа к каждому узлу)

✅createElement (создать элемент)

✅appendChild

✅removeChild

✅innerHTML

Приведенная ниже работа очень помогла мне освоить этот метод.

Hikari🇨🇦🇯🇵
@hk_vancouver
День 66 из #100DaysOfCode
☑️Ввел функции редактирования и удаления всех функций в мой проект списка продуктов. Благодаря этой работе я смог получить представление о DOM-дереве✌️.
Но есть много ошибок, и мои коды стали слишком грязными, так что теперь они вышли из-под контроля. Упс…🫠
04:19 AM — 11 Jul 2022

✅setAttribute (установить значение атрибута для указанного элемента)

add.addEventListener("click", () => {
    i++; 
    const img = document.createElement("img"); 
    const section = document.querySelector("section"); 
    img.src = "https://i.pravatar.cc/100?u=" + i;
    section.appendChild(img);
  });
Вход в полноэкранный режим Выход из полноэкранного режима

Хикари🇨🇦🇯🇵
@hk_vancouver
День 53 из #100DaysOfCode
☑️Практиковались в работе с функцией DOM
— изучили метод src, свойство event.target
☑️Работал над своим личным проектом
— Исправил некоторые ошибки✌️🐛
06:24 AM — 19 Jun 2022
  • JavaScript: API

Я также изучил API, чтобы подготовиться к React, так как я стремлюсь стать front-end разработчиком.
Проект ниже предназначен для получения информации о персонаже Breaking Bad. Вызов слишком большого количества DOM немного утомил меня, поэтому мои друзья сказали мне, что я влюблюсь в React😂.

Но благодаря этому проекту я познакомился с некоторыми объектами JavaScript, такими как

и узнал разницу между статическими и динамическими переменными.

Hikari🇨🇦🇯🇵
@hk_vancouver
День 77 из #100DaysOfCode
☑️Java
☑️Работал над личным проектом
— Манипулировал функцией DOM для стилизации страницы.
Я рисовал это с помощью Javascript, как будто писал HTML & CSS, и это было очень избыточно. Я не могу дождаться использования React, так как это более простой способ, я считаю😂.
00:18 AM — 23 Jul 2022
Hikari🇨🇦🇯🇵
@hk_vancouver
День 82-84 из #100DaysOfCode
☑️ Наконец-то! Закончил свой проект Breaking bad API! 😎👨🔬
Мне показалось, что коды были слишком длинными, но это была отличная практика, чтобы быть ближе к Javascript на этом пути haha
Я сосредоточусь на школьном проекте, который использовал Java в течение нескольких дней и начну React😎
06:44 AM — 30 Jul 2022
  • Java (ООП)

Это не JavaScript, это Java! Я запутался, пытаясь понять концепцию ООП, поэтому я смотрел запись урока снова и снова. Моменты борьбы дали мне общее представление о программировании😇.

Это приложение я сделал на Java:

Hikari🇨🇦🇯🇵
@hk_vancouver
День 64 из #100DaysOfCode
☑️Завершил проект JAVA CLI😂💖
Я сделал систему бронирования отелей на JAVA. Сначала мне было неприятно работать над этим, но я был одержим идеей сделать это в конце концов🤣 Я также был рад сделать это, потому что моя предыдущая работа была связана с сайтом бронирования отелей😁✌️
02:13 AM — 08 Jul 2022

Также я участвовал в групповом проекте по созданию системы управления компанией на Java. Благодаря этому я узнал, как вести корпоративную работу с другими разработчиками и использовать Github.

  • React (JSX, Props, State, class component)

Прошел уже месяц с начала изучения React, и я уже сильно запутался в некоторых концепциях. Но знание JavaScript мне иногда помогает!

Hikari🇨🇦🇯🇵
@hk_vancouver
День 96 из #100DaysOfCode
☑️ Учебник по React
— Завершил создание приложения, которое определяет, какое время года сейчас у пользователя☀️❄️ Я все еще в замешательстве, приятно почувствовать, как работают компоненты класса и состояние.
☑️Работал над созданием инфографики на HTML/CSS
— классное задание
07:11 AM — 13 Aug 2022

Чему я хочу научиться в следующий 100days of code challenge

Hikari🇨🇦🇯🇵
@hk_vancouver
🌟День 100🌟 из #100DaysOfCode
☑️React tutorial
— Сделали запрос API
— Построение списков записей
☑️Рассмотрели, как использовать Github

Достиг 100-го дня! Мне очень понравилось это испытание, и я буду продолжать учиться, чтобы получить работу веб-разработчика наверняка😊.
В любом случае, всем счастливого кодинга! 🫰♥️

06:19 AM — 17 Aug 2022

В настоящее время я работаю над вторым раундом 100 Days Of Code challenge. После завершения следующих 100 дней, я предполагаю, что я получаю мяч, чтобы подготовиться к поиску работы.
Итак, моя цель для следующего вызова — изучить и поработать над..:

  • React
  • TypeScript
  • UI-фреймворк
  • сделать несколько проектов для моего будущего портфолио (4 или 5 проектов)
  • внесение вклада в открытый исходный код
  • и т.д…😉

Мне кажется, что изучение программирования — это повторение цикла: получить новые знания, запутаться, увидеть кучу ошибок и разобраться в них, а потом как-то освоиться. Но мне нравится этот процесс, чтобы увидеть, как я вырос, и почувствовать это.

Изучению программирования нет конца. Буду продолжать последовательно и с удовольствием🤗🔥

Оцените статью
devanswers.ru
Добавить комментарий