1

Этап 1

Javascript

01 января—26 января

2

Этап 2

Angular подготовка

27 января—16 февраля

3

Этап 3

Angular задания

17 февраля—12 апреля

1

Этап 1

Javascript

01 января—26 января

2

Этап 2

Angular подготовка

27 января—16 февраля

3

Этап 3

Angular задания

17 февраля—12 апреля

11 ноября 2019 08 января 2020
Цель просрочена на 1830 дней

Цель заброшена

Автор не отписывался в цели 4 года 10 месяцев 9 дней

Карьера и работа

Завершить обучение по программе Front-End в школе Foxminded

Сейчас нахожусь в процессе обучения по программе Front-End в онлайн-школе Foxminded. На данный момент программа завершена на 50%. Хочу закончить обучение до конца года.

 Критерий завершения

Все задания по программе завершены и приняты ментором

 Личные ресурсы

Интернет, Хороший английский, Помощь ментора

 Экологичность цели

Хочу стать более независимым в вопросах программирования

  1. Javascript

    Секция Javascript состоит из 8 заданий. На данный момент завершено 1 задание. 2 недели на завершение этапа.

    1. TASK 3.2 Create order form with validation

    2. TASK 3.3 Create image carousel

    3. TASK 3.4 OOP. Create a Customer page

    4. TASK 3.5 Create weather widget

    5. TASK 3.6 Create web app where users can create a profile, which they can use to reserve cabins or camping spots.

    6. TASK 3.7 Create two-part order form

    7. TASK 3.8 Create sticky headers

  2. Angular подготовка

    Для выполнения заданий по секции Angular потребуется теоретическая подготовка по книгам и видео-курсам. Две недели на этот этап.

  3. Angular задания

    Секция Angular состоит из 9-ти заданий. 3 недели на завершение.

    1. TASK 4.1 Create your Angular project

    2. TASK 4.2 Create Main page and Contact page

    3. TASK 4.3 Create Forms

    4. TASK 4.4 Enhance forms and apply validation

    5. TASK 4.5 Enhance product list

    6. TASK 4.6 Create Product Details page

    7. TASK 4.7 Create Add New product page

    8. TASK 4.8 Implement storing data using FireBase

    9. TASK 4.9 Create Edit/Delete Product page

  • 2648
  • 11 ноября 2019, 06:40

Дневник цели

Комментарии

Tank05.11.2020

Как идут дела?

Tank23.09.2020

Как идут дела?

ParamBoom17.06.2020

Как идут дела?

112день
Никита1 мар. 2020, 20:08

Всем привет!

Небольшой апдейт, что происходит. Просматриваю курс Javascript: Understanding the Weird Parts на Udemy. Курс отлично ставит мозги на место по поводу того, как на самом деле работает JS. Далее по плану два курса: TypeScript и Angular.

После этого начну делать практические задания по этапу Angular в foxminded.

Параллельно пытаюсь тянуть курс в RS School. Нагрузка добавилась существенно, но думаю, это полезно, т.к. по курсу RS School заполняю много пробелов.

Буду держать в курсе )

Всем хорошей недели!

Aynur03.03.2020

я бы параллельно не вытянула)

89день
Никита7 февр. 2020, 10:02

Всем привет!

Сегодня торжественно зачеркиваю первую фазу Javascript. Перехожу на фазу Angular.

Записался также в RS School, попробую совмещать.

Думаю, что посты в этом блоге надо бы сделать поинтереснее. Например, писать не столько что конкретно сделал, а чему научился, что открыл для себя, с какими проблемами сталкивался, как их преодолел.

Буду думать и постараюсь писать что-то поинтереснее.

Всем хорошего дня!

Никита07.02.2020

Расскажу пару слов, как делал последнее задание. В общем, таск заключался в том, чтобы придумать, как реализовать Sticky Headers методами ванильного Javascript-а.

Вот сразу моно можно посмотреть конечный результат: http://headers.teoremaschool.ru/

Код можно посмотреть здесь: https://github.com/NikitaMigushev/demos/tree/master/javascript/TASK%203.8

И вроде задача-то несложная. Делаешь сss position: sticky и все работает. Но проблема в том, что css сам по себе не понимает, в какой момент нужно менять стили. Для этого требуется Javascript.

Начал гуглить. Поначалу находил какие-то библиотеки, которые уже делают все за тебя. Также встретил много примеров с Jquery. Но проблема в том, что Jquery использовать нельзя. Требуется нативный javascript без каких-либо библиотек.

После некоторого времени гугления нахожу вот эту статью: https://developers.google.com/web/updates/2017/09/sticky-headers?hl=ru

Автор статьи предлагает использовать Intersection Observer для решения задачи с динамичными sticky headers.

Моя мысль: “ну все… вроде то, что нужно…cейчас быстренько разберусь и все сделаю”.

И что вы думаете? Я потратил на анализ этого метода часов 10!

Как работает IntersectionObserver? В какой момент он выстреливает события? Как эти события интерпретировать? Причем здесь sentinels? Если я скролю вниз, то что? А если вверх, то что тогда? Что такое кастомные функции? Зачем они вообще и как работают?

Посмотрев готовый код автора на гитхабе, у меня вообще началась легкая паника. Я вообще не понимал, что в нем. Начал гуглить, как читать чужой код, когда вообще не понимаешь, что в нем происходит? )

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

В итоге, как все то работает? IntersectionObserver это метод, позволяющий отслеживать определенные элементы на странице и выстреливать события, когда эти элементы становятся в определенную позицию на экране. Для того, чтобы Javascript понимал, в какой момент менять стили, нужно выставить специальные “сторожевые” div-ы, так называемые “sentinels”. В момент, когда sentinel становится в определенную позицию, Intersection Obeserver выстреливает событие, и мы можем привязать к этому событию смену стиля.

Вот замечательная статья, где очень четко и с примерами объясняют принцип работы Intersection Obsrver: https://css-tricks.com/an-explanation-of-how-the-intersection-observer-watches/

Спасибо большое автору!

Выводы, которые я для себя сделал:

1. Нужно уметь хорошо читать чужой код. Это отдельный скилл, который нужно прокачивать.

2. Даже если ты ничего не понимаешь в коде, не паниковать, а пытаться разобрать каждый непонятный кусок по отдельности, гуглить и выяснять значение того или иного метода. Проводить логическую цепочку, откуда переменные пришли и куда ушли.

3. Программирование - это такая вещь, которую наскоком взять невозможно, нужно все понимать и осознать. Благо, в программировании всему есть свое логическое объяснение.

Всем приятного кодинга!

Aynur08.02.2020

комментарий как пост)))

Никита10.02.2020

Aynur, да )

77день
Никита26 янв. 2020, 17:14

Всем привет!

Был небольшой перерыв, но кое-что все равно делал в вялотекущем режиме.

Сдал Таск 3.7 и, о боже, у меня остался только один таск по Javascript.

Ну а дальше Angular. Думаю, будет весело - там и typescript надо будет и сам angular.

Да, кстати, на этой неделе игрался с API mailchimp - сделал простенькую интеграцию добавления контактов в лист. Пока делал потрогал node, epxress, bootsrap. Интересно вышло. Зацените, какая симпотная форма получилась с bootstrap-ом

Чешутся руки, наконец, начать писать полноценные full-stack приложения с базами и фреймворками, но понимаю, что мне до этого еще месяца три минимум. Ну ничего, осилим )

56день
Никита5 янв. 2020, 19:50

Всех с Новым Годом! Надеюсь у всех праздники проходят весело!

У меня цель перешла в статус завершенная по причине того, что срок вышел. Напишу админам, уточню, как продлить срок. Не хочется удалять цель и создавать заново.

Отлично встретил Новый Год. На крыше в Москва-Сити ) Потом съездили в центр. Завтра продолжение банкета.

Урывками удается программировать. На этой неделе натрекал 7 часов. Выполнил Таск 3.6. На следующей неделе приступаю к таску 3.7. В целом, дела идут повеселее.

49день
Никита29 дек. 2019, 18:41

Привет всем! На этой неделе уделил программированию 10 часов. За это время осваивал Regular Expressions. Практикой не занимался. С этого дня цель считается просроченной по причине того, что я неадекватно оценил сроки. Но, как говорится, касячат все, а не касячат только те, кто ничего не делает ) Поэтому я с полным оптимизмом врываюсь в 2020 год, что я, наконец, завершу курс по Front End и приступлю к изучению Node.js.

Всех с наступающим Новым Годом!

Aynur30.12.2019

регекспы такие регекспы...хорошую практику дают задачки на кодварс)

Никита05.01.2020

Aynur, да, я кстати, практикуюсь маленько на codewars ) Спасибо за совет!

42день
Никита22 дек. 2019, 19:34

Всем привет!

Эту неделю, наконец, могу назвать продуктивной. Занимался программированием 18,5 часов. Это в три раза больше, чем на прошлой неделе. Разница в результатах существенная.

Что удалось сделать:

  • Разобрался и написал приложение WeatherApp (Таск 3.5) и отправил на проверку ментору.
  • Получил ответ от ментора, что нужно половину передалать ).
  • Переделал все, что нужно и отправил на повторную проверку.

ссылка на приложение в Github кому интересно: ссылка

ссылка на демо приложения на сайте: ссылка

Что получилось хорошо:

  • Это была моя первая более-менее серьезная работа с API и конвертированием JSON в HTML. Поймал приятные чувства, когда все получилось. Возникло такое ощущение - "Ну все, теперь я смогу разобраться с любым сервисом, где есть API и получать нужные мне данные".
  • Получил представление, как конвертировать JSON в HTML.
  • Более-менее привыкаю работать с объектами.
  • В общем жизнь налаживается.

Что получилось плохо:

  • Процесс обучения кажется очень медленным. Но я думаю, со временем будет легче.
  • Не понимаю некоторые важные вещи: как работать с npm, webpack, писать тесты, как организуются большие проекты, не читал документацию ECMScript 5, 6

Что сделаю лучше:

  • На следующей неделе постараюсь держать планку 15-18 часов. Осталась неделя с небольшим до Нового Года, в связи с домашними делами, это может быть довольно трудно.

Всем отличной недели! И успешной подготовки к Новому Году!

Qwerty23.12.2019

npm - установщик и сборщик пакетов, особо ничего и изучать не надо, там пара команд.

на вебпак может уйти много времени если запариваться, а можно установить и начать работать, постепенно вникая.

Он отлично рассказывает по вебпак и установку/настройку и так же есть там же статьи с кодом

https://www.youtube.com/playlist?list=PLkCrmfIT6LBQWN02hNj6r1daz7965GxsV

Никита23.12.2019

Qwerty, спасибо за ссылку! Буду осваивать )

36день
Никита16 дек. 2019, 05:42

Случайно нажал на крестик на телефоне и удалил запись... Дублирую.

Всем привет!

Натрекал за эту неделю 6,5 часов за программированием из 12-ти целевых ) За это время просмотрел курс на linked in learning про Ajax (ссылка). Также прочитал пару статей, как работает интернет и как компилируется javascript (ссылка). Еще задумался над тем, как данные передаются через wifi ) Оказывается, данные шифруются в электромагнитных волнах в их амплитуде и частоте. Вот неплохой ролик, в котором объясняются, как работают электромагнитные волны в телефонах (ссылка).

Что касается того, что волны расшифровываются потом в бинарный код - это я как-то еще могу понять, но воткак волны расшифровываются в звук мне не совсем понятно. Если вы знаете,поделитесь инфой по этой теме, пожалуйста.

Мог ли я натрекать больше часов на этой неделе? Да, мог. Постараюсь взять себя в руки на следующей неделе и все нормально отработать.

Также на этой неделе зарегистрировался в Upwork. Было интересно посмотреть, что там происходит. Думаю, что было бы неплохо освоить MERN/MEAN Stack - это понятный full-stack и заказы на эти технологии есть на бирже.А у Вас есть опыт работы в Upwork? Поделитесь своим опытом.

Цели на следующую неделю:

12 часов на программирование.

Завершить таск 3.5.

Всем позитивной и продуктивной недели!

Qwerty17.12.2019

Вот спасибо за дублирование! А то я начала переживать, что потеряны все полезные ссылки!

Вы тоже можете
опубликовать свою
цель здесь

Мы поможем вам ее достичь!

309 000

единомышленников

инструменты

для увлекательного достижения

Присоединиться
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?
resignedangel
Михаил
Мария
Евгения
Михаил
Andres
Maksim
Aynur
Qwerty
Qwerty
Никита
Надежда
Svorovara
Maksim
Qwerty
Aynur
Qwerty
Aynur
resignedangel
Aynur
Qwerty
Михаил Бузуверов
Andres
Qwerty
Михаил Бузуверов
Наталья
resignedangel
Andres
Svorovara
Maksim
Никита
Aynur
Наталья
Svorovara
Maksim
Qwerty
Никита
Andres
Svorovara
Qwerty
Никита