{WEB PRO} Школа веб-разработки, создание сайтов 🚀
4.29K subscribers
72 photos
14 videos
1 file
208 links
Основной канал школы WEB PRO. Новости школы, даты выхода новых видео и многое другое.

Чат школы @webproschool_chat
Download Telegram
С НУЛЯ ДО PRO за 100 дней. День 23.

💁🏼‍♂️ Бытовые дела. К вебу сегодня не прикасался, точнее были попытки, но все тщетны. Зато свозил машину в сервис, узнал стоимость ремонта 🤯, изучил какие есть поблизости клубы по настольному теннису и думаю на днях сгонять поиграть - и детство вспомнить, и самому немножко поактивничать в плане спорта.

🙆‍♂️ Завтра должен быть свободный день, буду отрабатывать за сегодня. На этой неделе в планах добить дзшки по JS, накидать совместную практику на модуль и на следующей недели начать записывать уроки. Если всё будет ок, то к середине мая модуль по JS должен быть готов.

#снулядоpro #отчёт23
👍1
С НУЛЯ ДО PRO за 100 дней. День 24.

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

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

#снулядоpro #отчёт24
👍1
С НУЛЯ ДО PRO за 100 дней. День 25.

🏁 Сегодня завершается четверть марафона. Мои цели были поставлены здесь. Быстренько пробегусь - что выходит хорошо, а по каким местам я отстаю.
1. Все второстепенные цели пока выполняются тщетно. Единственное что, действительно, выполняется - это регулярно выкладывается контент в каналах по веб-разработке.
Поэтому по второстепенным целям нужно поднажать.
2. Дополнительные цели - регулярно выкладываю отчёт по данному марафону и составление отчёта в большинстве случаев занимает менее 20 минут. Здесь всё хорошо.
3. Основная цель была и есть - создание 2 модулей для курса. На данный момент создано 15 презентаций по различным темам в JS и по 9 темам готовы задачи для практики.
В целом, по главной цели я пока успеваю и её вполне реально выполнить за данный срок. Стоит больше присмотреться ко второстепенным задачам по возможности.

✅ Сегодня же сделал задачки по Объектам в JS. И уже появляются первые более-менее большие проекты на курс в портфолио ученику, в которых прорабатываются все изученные темы по JS.

🌆 На сегодня по работе всё. Вечером иду на тренировку по настольному теннису, как и обещал пару дней назад. Всем хорошего вечера)

#снулядоpro #отчёт25
🏆3
С НУЛЯ ДО PRO за 100 дней. День 26.

✅ Провёл 2 индивидуальных занятия: на одном адаптировали слайдер, на другом адаптировали сайт под планшет.

#снулядоpro #отчёт26
👍2
С НУЛЯ ДО PRO за 100 дней. День 27.

✅ Провёл 1 групповое занятие по JS (углублялись в изучение библиотеки anime.js с учениками) и 1 индивидуальное занятие по дизайну (практически полностью задизайнили Dreamplanner под десктоп).

🌆 На вечер в планах выйти погулять, разгрузиться, набраться сил, а также нужно заполнить финансовую табличку за месяц и прорефлексировать.

#снулядоpro #отчёт27
👍2
С НУЛЯ ДО PRO за 100 дней. День 28.

Конец 4 недели марафона и очередной отчёт.

✅ Продолжаю делать на курс мини-проекты для самостоятельной работы учеников. Сделал шаблоны и описание заданий по JS "Генератор цвета в rgb и hex формате", "Подбор с помощью range цветов в rgba формате", "Счётчик слов и символов с пробелами и без". Это промежуточные задания на курсе. Таких проектов будет несколько и разные по сложности - конкретно эти начального уровня, здесь ученик оттачивает свои навыки по JS.

💰 Вчера не успел дозаполнить табличку с доходами/расходами за этот месяц, оказывается я её не заполнял весь месяц, поэтому пришлось попотеть и сегодня, это тоже заняло несколько часов.

🌆 Очень крутая сегодня погода - пасмурно, но дождя нет. Весь день хочу выйти прогуляться. Скорее всего, сейчас так и сделаю. Зайду в кофейню, куплю раф и немного освежусь. Вам тоже желаю хорошего вечера)

#снулядоpro #отчёт28
👍1🔥1
С НУЛЯ ДО PRO за 100 дней. День 29.

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

Самая дорогая покупка - ракетка для настольного тенниса, которая без всяких скидок стоит 15.000 рублей 😱. Кэшбэком обратно вернётся половина стоимости. Я просто понял, что моя ракетка куплена давно, она уже достаточно поизносилась, но тренироваться хочется. И тренироваться хочется с удовольствием, поэтому решил всё-таки раскошелиться и приобрести её. Кстати, ракетка полностью разборная, поэтому заказал дополнительно клей и другое оборудование, чтобы всё собрать. Собирать буду в первый раз, поэтому также изучал сегодня как всё это делается)

Далее уже по мелочи - беспроводные наушники (у меня телефон без aux уже почти год, а наушники только проводные. Думаю, время настало для данной покупки), адаптер в машину с aux на bluetooth, волейбольный мяч на природу и т.д.

И вот это всё заняло довольно много времени у меня. Я очень ко всему щепетильно ко всему отношусь, поэтому любой выбор для меня - это не просто импульсивная покупка, а это сравнение аналогичных товаров, характеристик, цен и т.д. И так во всём, не только в покупках, даже в создании того же курса или выполнении какого-то задания. И я часто ловлю себя на мысли, что трачу на это реально много времени, что за это время я мог бы больше заработать, чем копаться в тех же сравнениях цен. Или делегировать рутинную работу и отдохнуть, нежели выполнять её самому и полностью выдохнуться. В общем пока мне всё это даётся с трудом, характер даёт о себе знать. Но с каждым таким случаем в голове уже складывается установка, что да, ты можешь сейчас сравнивать целый день цены, искать самые выгодные предложения, но ты потратишь на это весь день, когда ты мог бы заработать больше за день и купить товары не по самым выгодным предложениям, но остаться в плюсе. Также и с работой - ты можешь работать ежедневно и нескончаемо, ничего не делегируя и еле-еле двигаясь с мёртвой точки. Или на нанять сотрудников, команду, которые будут выполнять рутинные процессы, а у тебя освободится время на жизнь.
Конечно, что в первом случае с покупками - я думал это займет 1 час, не более. Что во втором случае с работой - думаешь, что задача небольшая, но в процессе появляются различные подводные камни и ты начинаешь в них утопать и задача, которая, казалось бы, решается за 1-2 часа, занимает у тебя весь день. Это не есть хорошо, но скорее всего, поменять извилины в мозге можно только с опытом. Конкретно мне нужно обжечься несколько раз, чтобы это понять. Даже сегодня девушка мне с утра сказала, что ты сложи всё что нужно в корзину и всё, а то опять зависнешь на весь день и будешь сожалеть о том, что день прошёл, а ты ничего не сделал. Так и произошло)

Я говорил, что буду честен с вами, поэтому рассказываю всё, как есть. К сожалению, сегодня ничего не сделал по целям, не отдохнул, потому что весь день пялился в компьютер, да ещё и насморк откуда-то взялся. Поэтому да, такие "провальные" дни тоже бывают, но что поделать, они бывают у каждого. Лучше отпишите, узнали ли вы себя в данных строчках? Кому выбор даётся также сложно как и мне, и вы начинаете изучать все возможные варианты, копаться, нежели сразу принять решение? Вам это больше помогает по жизни или нет?

#снулядоpro #отчёт29
С НУЛЯ ДО PRO за 100 дней. День 30.

✅ Сегодня подготовил материал по планированию в JS (таймаут и интервал),
- сделал заготовку таймера обратного отсчёта для практики на курсе,
- расписал способы создания функции (Function Expression, Function Declaration, Arrow Function), особенности применения контекста this в стрелочных функциях,
- начал прописывать ответы с примерами на часто встречающиеся вопросы на собеседованиях (сегодня расписал про callback функции)
- продумал несколько дзшек на курс, различного рода кликеры. Вдохновился идеей игры cookie clicker. Признавайтесь, кто играл в неё или пытался подобное создать?)

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

#снулядоpro #отчёт30
👍2
С НУЛЯ ДО PRO за 100 дней. День 31.

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

#снулядоpro #отчёт31
This media is not supported in your browser
VIEW IN TELEGRAM
С НУЛЯ ДО PRO за 100 дней. День 32.

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

Вёрстка будет дана готовая, ученик именно программирует сайт. На первом экране пользователя встречает надпись, которая приветствует его в соответствии со временем суток. Имя пользователя узнаётся и хранится в Local Storage. В процессе его можно изменить.

Самая завораживающая часть первого экрана - слайдер, он показывает предстоящие премьеры. Заметьте, как стрелки навигации добавляются или исчезают в зависимости от номера слайда. Можно переместиться к конкретному слайду. Внизу слайда указана дата премьеры. Если осталось менее 100 дней - включается счётчик. Если премьера состоялась - предлагается оценить фильм.

#снулядоpro #отчёт32
👍5🔥3😍1
С НУЛЯ ДО PRO за 100 дней. День 33.

🤷‍♂️ С утра успел немного поработать над проектом. Остальную половину дня возился с машиной. В прошлый раз отдал машину в сервис и ушёл, попросил позвонить, когда сделают. Только пришел домой - звонок "мы всё сделали" - потопал обратно. В этот раз решил подождать, т.к. на первый взгляд проблема была лёгкой в решении, но в итоге пробыл в сервисе более 3 часов. Очень жалко это время, ушло в никуда(
Вечером провёл занятие с ученицей, продолжили адаптировать Dreamplanner, но уже под мобильные устройства.
Как-то так. Вроде опять же и не поработал, и не отдохнул, но день прошёл.

#снулядоpro #отчёт33
С НУЛЯ ДО PRO за 100 дней. День 34.

Сегодня провёл 2 онлайн занятия: одно групповое (разбирали события клавиатуры на JS), второе индивидуальное (делали дизайн Dreamplanner под планшет).
Заполнил финансовую таблицу за пройденную неделю. Т.к. сейчас идёт капитальный ремонт машины, выделил отдельную страницу под неё, чтобы видеть все расходы и крепить чеки проделанных работ.
К коду проекта не успел ещё сегодня притронуться, но отчёт выкладываю сейчас, пока есть свободная минутка.

#снулядоpro #отчёт34
👍1
С НУЛЯ ДО PRO за 100 дней. День 35.

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

#снулядоpro #отчёт35
👍1
С НУЛЯ ДО PRO за 100 дней. День 36.

✅ Заверстал секцию с кинотекой: фильтрация, сортировка, сами карточки с фильмами. Начал программировать. Пока визуально не покажу, хочу довести до ума и позже продемонстрировать.

#снулядоpro #отчёт36
👍2
С НУЛЯ ДО PRO за 100 дней. День 37.

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

⏳ Также постоянно в чате поднимается тема с тайм-менеджментом. Конкретно планирование мне сейчас не так интересно, но вот найти тайм-трекер очень захотелось. Поэтому сегодня набрёл на крутой, а главное бесплатный тайм-трекер. Он кроссплатформенный. Решил сразу установить его на мак. Он позволяет задать проект в работе, решаемую задачу, прописать теги для удобной сортировки в будущем.
Также он подсчитывает стоимость работы и позволяет поделиться данными по ссылке. То есть по сути вы можете взять заказ, и каждый раз, когда садитесь выполнять его - вы включаете таймер. После чего вы расписываете что вы делали на каждом этапе и делитесь этой ссылкой с заказчиком. Он прекрасно видит, что вы полчаса продумывали дизайн, 5 часов дизайнили и 18 часов верстали заказ. Ну а если вы будете прописывать более подробно каждый промежуток, то он будет видеть что конкретно вы дизайнили и верстали в течение каждого промежутка времени. Это просто бомба)
Также на десктопной версии вы можете дать возможность отслеживать ваши активные приложения в каждый момент времени. Всё это попадает в историю и вы можете видеть когда и на что вы отвлеклись, почему в какой-то момент вы оказались в соц сетях. Ведь данное приложение позволяет вам отслеживать даже посещаемые вкладки в браузере и видеть сколько времени вы провели в каждой активности.
В общем, если учесть, что все эти функции бесплатные и сам сервис русифицирован, что тайм-трекер выдаёт кучу статистики и информации по вашей работе, то я чувствую, это на ближайшие дни будет мой самый верный товарищ в работе. Причём ещё круто, что вы не всегда понимаете что конкретно вы будете делать, но вы точно собираетесь работать. Можно включить таймер и после выполнения задачи расписать что вы делали.
Подойдёт абсолютно всем, будь вы фрилансером, который хочет делиться отчётом с заказчиком о своей работе, или новичком, который не понимаете сколько времени уходит на вёрстку или дизайн той или иной секции и хотел бы это отследить. Рекомендую.

Текстовый отзыв от пользования в первый день вы получили. А в ближайшее время хочу побольше потестировать данный трекер и записать видео по нему. Если вам интересно это - дайте реакций на пост 🔥

#снулядоpro #отчёт37
🔥2
С НУЛЯ ДО PRO за 100 дней. День 38.

За сегодня запрограммировал фильтрацию в проект (уже совсем скоро покажу), разобрался с рутиной на работе, помог знакомым с настройками в компьютере (это всегда времезатратное занятие - копаться в компьютере и фиксить ошибки), а сейчас ухожу проводить первый групповой урок по основам HTML.

#снулядоpro #отчёт38
👍1
С НУЛЯ ДО PRO за 100 дней. День 39.

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

#снулядоpro #отчёт39
С НУЛЯ ДО PRO за 100 дней. День 40.

✅ Доделал фильтрацию и сортировку в проекте по кинотеке. Сделал прелоадер. Не успел записать красивую гифку для поста, сделаю это на днях, дабы показать результат)
Также провёл индивидуальное занятие с учеником, на котором мы начали верстать многостраничный сайт с путешествиями. Вот ссылка на макет, кому интересно посмотреть.
И провёл онлайн занятие с ученицей - продолжили адаптацию под мобилки по Dreamplanner и поработали с псевдоэлементами.

#снулядоpro #отчёт40
С НУЛЯ ДО PRO за 100 дней. День 41.

✅ Провёл групповое занятие, на котором мы создали игру-кликер + анимировали её с помощью anime.js. Провёл индивидуальный доп. урок ученику, который не попал на групповое занятие среди недели. Плюс ещё рутинные дела по работе. К проекту сегодня не притрагивался. Планирую поработать над ним завтра.

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