С НУЛЯ ДО PRO за 100 дней. День 43

🥳 Сегодня доделал WebFilms - это финальный проект модуля по JavaScript на курсе WEB PRO. В данном посте прикреплено видео с демонстрацией возможностей сайта, а в следующем посте распишу более подробно о самом проекте и о том, как вы можете попрактиковать навыки JS, запрограммировав данный сайт.

#снулядоpro #отчёт43

В этом посте опишу более подробно саму идею создания проекта WebFilms и то, как вы можете притронуться к его программированию.

🤔 Я долго думал над идеей создания такого проекта на модуль по JS, чтобы он был:
а) интересным;
б) всеобъемлющим (включал в себя практику по основным темам на модуле, а также часто используемые конструкции на сайте);
в) масштабируемым и вариативным по уровню задач (чтобы ученик мог реализовать большое множество задач разных уровней сложности, в том числе и задач со звёздочкой на перспективу).

Теперь пройдёмся по каждому пункту и рассмотрим удалось ли мне реализовать это:
а) Проект действительно получился интересным. Тематика, на мой взгляд, пока не заезжана, а сам сайт выглядит стильно. Согласитесь, подобный сайт программировать куда интереснее, чем какую-то обезличенную crm систему для практики ради практики. Здесь уж точно чувствуется душа проекта и его хочется реализовать себе в портфолио.

б) Слайдеры, таймеры, прослушка, сбор информации и отправка формы, множественная фильтрация, сортировка, подгрузка описания отдельного элемента, перебор элементов, работа с JSON и Local Storage. Всё это встречается в большинстве проектов и всё это реализуется в данном проекте на чистом JS.

в) Уровень задач очень вариативен (от очень простых, решаемых за несколько минут, до трудных заданий со звёздочкой, над которым придётся посидеть не один вечер). А масштабируемость вообще колоссальная. Помимо обычной идеи того, что пользователь может добавлять в свою кинотеку премьерные фильмы и фильмы, которые он уже посмотрел, оценивать их, писать рецензию, фильтровать и сортировать список фильмов есть ещё куча того, что могло бы быть реализовано: больше фильтров и сортировок, возможность редактировать рецензию, поиск по фильмам, пагинация фильмов и разбиение их на несколько страниц с помощью JS, возможность показа карточек в разном виде (с/без описанием, с большой/маленькой картинкой), создание фильтрации по оценке с помощью двойного ползунка range, оценка фильма с помощью множественных звёздочек и ещё множество всего, вплоть до углубления в бэкэнд и построения собственной базы данных под данный проект.

Как вы можете потренироваться и запрограммировать WebFilms?
Есть два пути: 1) Всё сам(а). Идею и функционал я вам расписал, даже наглядно продемонстрировал некоторые моменты. Осталось только сверстать и запрограммировать это себе в портфолио.
2) С наставником. Пойти на обучение в школу WEB PRO, где мы вместе запрограммируем данный проект. Одно из главных преимуществ школы - начать можно с любого доступного модуля. То есть вы можете знать вёрстку, но не знать JS и выбрать модуль именно по JS. Либо проходить обучение постепенно с самого нуля от вёрстки и дизайна до программирования на JS. Второе преимущество - индивидуальный подход к обучению. Наставником для первых учеников буду лично я. Поэтому кому интересны подробности, а также хорошая скидка на обучение - пишите в личные сообщения.
Также первый урок курса по основам HTML можно получить совершенно бесплатно в боте - просто отправьте слово ОБУЧЕНИЕ, в ответ я вышлю вам урок, тест и домашнее задание, а также более подробно расскажу о курсе.

С НУЛЯ ДО PRO за 100 дней. День 44

🧖 Сегодня выходной. По планам с утра наклеить накладки на ракетку, далее пойти поиграть в настольный теннис, после пообедать в додо и расслабиться в термах. В общем, день разгрузки 👐

#снулядоpro #отчёт44

С НУЛЯ ДО PRO за 100 дней. День 45

✅ Сделал пару презенташек к курсу по JS. Составил список того, что ещё осталось сделать, ибо ранее я садился и дел было очень много, брался за любую, сейчас же приходится думать за что взяться, что осталось, поэтому список не помешает.

📚 Провёл групповое занятие по мультимедиа на сайте (видео, аудио).

🏎 Практически полностью разобрался с машиной (ибо постоянно отвожу-привожу из сервиса), остались небольшие мелочи.

💇 А, ну и постригся. Это тоже такой момент, который я всегда откладываю до последнего, ибо совсем не хочется тратить на это время, поэтому всегда ищу мастеров, которые делают это максимально быстро, а ходить стараюсь рано утро в будни, чтобы не было очередей.

#снулядоpro #отчёт45

С НУЛЯ ДО PRO за 100 дней. День 46

🧽 Сегодня уборка дома, решение бытовых задач.
🏓 Сейчас собираюсь на тренировку.
А пока высылаю вам видео с чудо-техникой - мойщиком окон.

#снулядоpro #отчёт46

С НУЛЯ ДО PRO за 100 дней. День 47

✅ Провёл 2 онлайн занятия: с учеником сверстали шапку данного макета, а закончили адаптацию Dreamplanner.
Также сегодня искал макеты для вёрстки на канал.

#снулядоpro #отчёт47

С НУЛЯ ДО PRO за 100 дней. День 48

✅ Провёл групповое занятие - делали Flappy Bird на JS (реализовали генерацию труб и их движение). Также провёл индивидуальное занятие - делали дизайн под мобильные устройства Dremplanner.

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

#снулядоpro #отчёт48

С НУЛЯ ДО PRO за 100 дней. День 49

Сегодня приехал к родителям, весь день в дороге, вечером съездили на дачу с родственниками, поели шашлыки. Следующие несколько дней (до среды) от меня родителям будет нужна помощь. Скорее всего, я очень редко смогу что-то делать в ноуте по работе, ибо буду в постоянных разъездах и бытовых делах. Поэтому к сожалению, несколько следующих отчётов выйдут пустыми в плане прохождения марафона :( Но уверен, что всё наверстается в следующие дни 💪

#снулядоpro #отчёт49

С НУЛЯ ДО PRO за 100 дней. День 50

Сегодня помогал родителям, удивлял их роботом-мойщиком из этого поста. В перерывах изучал вакансии в сфере веба. К сожалению, в ближайшие дни отчёты короткие, почему так - писал в посте выше.

#снулядоpro #отчёт50

С НУЛЯ ДО PRO за 100 дней. День 51

💁🏼‍♂ Сегодня снова короткий отчёт. Весь день с родителями: помогаю, общаюсь и провожу время с ними, потому что завтра с утра уезжаю.

🐕 Также водил сегодня шпица на стрижку: сначала её нужно помыть, окунуть в полотенце и быстренько нести к грумеру. Тот уже сушит феном, расчесывает и стрижёт. Собака рыпается, трясётся, поэтому приходится держать на протяжении полутора часов и помогать специалисту. Фото до стрижки (во время мытья) и после стрижки прикрепил к посту.

#снулядоpro #отчёт51

С НУЛЯ ДО PRO за 100 дней. День 52

🚘 Вернулся домой сегодня. С самого утра за рулём, не без приключений, конечно. У меня на машине недавно оторвали дефлектор на передней пассажирской двери, а сегодня во время движения улетел и второй с водительской двери 🙈 Впечатления, конечно, неописуемые - смотреть, как твоя машина разлетается по кусочкам по пути, хотя ты в неё только что много вложил..) Останавливаться и искать не стали, потому что движение было одностороннее, разрешённая скорость 110 км/ч, то есть допустимая доходит до 130 км/ч и выбегать на дорогу при летящих на взлёт машинах не хочется.
Также по пути машина видимо устала и отключилась на скорости, решила отдохнуть) Пришлось её снова запускать на полном ходу. В чём причина - буду выяснять завтра)
Поэтому дел видимо еще много с ней. Думаешь, что всё сделал, а в итоге она продолжает подводить тебя на ровном месте.

✅ Вечером провёл два занятия: одно индивидуальное (закончили дизайн Dreamplanner - сделали открытие модалки и бургер меню в прототипе, а также начали изучать БЭМ с ученицей), второе групповое. Группа набралась большая - 15 человек, сегодня изучали тег iframe, а также секционные теги.
К слову, под вечер я бодрячком, несмотря на ранний подъём сегодня (последние несколько дней вставал в 6-7 утра, собака зовёт гулять), хотя с утра был разбитым. В общем получилось влиться сегодня в рабочий ритм, ибо думал, что будет очень тяжко преподавать под вечер с таким ранним подъёмом и целым днём в дороге.

#снулядоpro #отчёт52

С НУЛЯ ДО PRO за 100 дней. День 53

Сегодня был день-передышка после предыдущих несколько дней в дороге и суете. Развёз различные передачки от родственников из одного город родственникам в текущем городе 😄

Также я подрабатываю в школе программирования для подростков и сейчас у школы затянулся период, когда новых учеников практически не дают. И сегодня созванивался с HR другой школы, проходил собеседование, был удивлён вопросам, они реально разносторонние, например была сценка, где я должен был другу в лице HR рассказать как добраться до значимого места в городе. Будто он мне позвонил по телефону, и я должен сказать ему как пройти до парка от моего подъезда. Рассказывать я должен был с различными наводками магазинов, остановок и другими вывесками, на которые можно ориентироваться. В тот же момент "друг" всячески путал меня и сбивал, говоря, что не видит той или иной вывески или чего более - зашёл в подземный переход с одной стороны и вышел туда же 🤦‍♂️ Приходилось говорить, чтобы он зашёл в подземный переход и никуда не сворачивал, идя прямо))
В общем реально вопросы были разными, как по теме программирования, так и по софт скиллам. Даже были вопросы "что самое существенное я сделал за последний год". Я сразу вспомнил про ютуб канал.
🤔 А какие странные вопросы задавали вам HR при собеседовании?

#снулядоpro #отчёт53

С НУЛЯ ДО PRO за 100 дней. День 54

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

#снулядоpro #отчёт54

С НУЛЯ ДО PRO за 100 дней. День 55

Провёл групповое занятие - допрограммировали flappy bird на js (продумали логику концовки игры, добавили счётчик). Далее бытовые дела по дому и вечер за настольными играми.

#снулядоpro #отчёт55

С НУЛЯ ДО PRO за 100 дней. День 56

С утра успел съездить погулять по набережной, далее потратил время на поиск макетов для вёрстки на канал. Во второй половине дня начался сильный дождь, ветер, гроза и отрубили интернет в нескольких домах, благо у меня не было онлайн уроков в это воскресенье на вечер. С мобильным интернетом далеко не уедешь - сделал несколько задач и пошёл прогуляться после дождя. Люблю пасмурную погоду и запах земли после дождя (у него, кстати, даже есть своё название - петрикор) 😍

#снулядоpro #отчёт56

С НУЛЯ ДО PRO за 100 дней. День 57

Сегодня начал верстать для канала новый макет, он довольно простенький и подойдёт для новичков. Записал больше 3 часов видео, осталось ещё несколько секций, которые сверстаю завтра. Хотел уложиться и записать всё за день, так и получилось бы, если бы верстал один, но рассказывая и объясняя на камеру время вёрстки сильно увеличивается, особенно когда я пытаюсь дать больше ценности и параллельно комментирую альтернативные варианты вёрстки того или иного блока. Вот и получается, вроде сайт для новичков, но моменты, где я комментирую различные особенности, становятся более интересными для более опытных верстальщиков.
Сейчас собираюсь перекусить и пойти на тренировку, поэтому отчёт выкладываю пораньше.

#снулядоpro #отчёт57

С НУЛЯ ДО PRO за 100 дней. День 58

😔 Не очень хорошие новости. Вчера на тренировке получил травму. Думал, сегодня пройдёт, но этого не случилось, поэтому посетил врача, видимо ближайшие пару недель без активности. Благо под вечер выпил обезболивающие и стало полегче, до приёма боялся выпить что-то не то.

📝 Выполненные и предстоящие планы на день: сейчас пойду на собеседование, поэтому бОльшую часть дня посвятил сегодня на создание самопрезентации и выполнение тестового.

🔥 Хорошие новости. В планах еженедельно, начиная с этой недели, снова выпускать большие видео по вёрстке сайтов на канал. Для разгонки возьмём простенькие макеты. Часть уже записал вчера, поэтому вполне успею выложить ролик в этот четверг.

❗️Также для выполнения цели мне нужно выпустить много коротких видео. Если у кого-то есть идеи, вопросы и варианты, которые можно было бы разобрать в 30-60 секундном ролике, то пишите в комментариях. В основном интересуют также вопросы от новичков, чтобы полностью охватить данный сегмент на старте.

#снулядоpro #отчёт58

С НУЛЯ ДО PRO за 100 дней. День 59

Я заработался и совсем забылся об отчёт сегодня. Вчера и сегодня прошёл собеседования в компании в качестве преподавателя по вебу. Ищу подстраховку, ибо там, где я сейчас подрабатываю, стало довольно туго с нагрузкой. Ну и плюс хочется изучить рынок данной сферы, посмотреть что да как сейчас изменилось с последних моих собеседований несколько лет назад.
Также сегодня провёл два урока: индивидуальный (изучали бэм) и групповой (основы css). Всё остальное - по мелочи, но также занимает время в течение дня.

#снулядоpro #отчёт59

С НУЛЯ ДО PRO за 100 дней. День 60

С утра больше часа потратил на заполнение финансовой таблицы, далее поехал обновлять аптечный склад. Во второй половине дня успел под запись доверстать до конца десктопную часть макета. К сожалению, он не выйдет на этой недели, потому что я просто не успеваю смонтировать и дозаписать кусочки к сегодняшнему дню. Поэтому ожидаем новые видео к следующему четвергу.

#снулядоpro #отчёт60

С НУЛЯ ДО PRO за 100 дней. День 61

Решил вернуться к Notion, ибо начинаю путаться в задачах, да и вообще задачи пошли разные - не совсем понимаешь, что конкретно сделано за день. Поэтому снова буду планировать входящие задачи, распределять их на определённые дни и ставить галочки при выполнении. К посту прикрепил скрин выполненных задач сегодня - первая половина дня ушла на повышение навыков преподавания, вторая половина на монтаж видео и проведение онлайн занятий с учениками. С учеником сегодня доверстали первую секцию в Pero Travel, а с ученицей закончили работу над Dreamplanner, сверстав и запрограммировав видео и бургер меню.
Кстати в макете с путешествиями столкнулись с проблемой, что шрифт Montserrat некорректно выполняет обводку через text-stroke в css, хотя в фигме выглядит красиво.

#снулядоpro #отчёт61

С НУЛЯ ДО PRO за 100 дней. День 62

С утра провёл групповое занятие - разбирались с возможностью взаимодействия JS в медиазапросах.
Далее неожиданно нагрянули гости, поэтому пропал на несколько часов, прошли настольный квест "Exit: комната страха" и сыграли в игру "Прогулки с собаками".

А под вечер я сделал базовую версию чата с подтемами по веб-разработке, расписал правила и приглашаю вас в него присоединиться по ссылке: https://t.me/webproschool_chat/

Данный же чат будет функционировать именно как ответы на посты к каналу WEB PRO в тг, в котором продолжат выходить посты по текущему марафону, оповещения о новых видео, которые выйдут уже на следующей недели, и о других важных событиях школы WEB PRO.

#снулядоpro #отчёт62