Обложка канала

Типичный Верстальщик. Страница 3

5970 @tpverstak

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

  • Типичный Верстальщик

    Ловите очередной стикерпак на айтишную тему
  • Типичный Верстальщик

    🔥 1 мая 2023 стартуют курсы по верстке и JavaScript Их можно смело назвать флагманскими на платформе FrontendBlok. Я уже не раз о них рассказывала, вы знаете, что они постоянно обновляются, дорабатываются и тд. Поэтому оставлю ссылки, чтобы посмотреть расписание и оформить покупку: 🌟 Курс по верстке для новичков (на практике сделаем 2 сайта на чистом HTML и CSS) 🌟 Курс для прокаченных в верстке (на практике сделаем 2 сайта на Webpack, HTML, SCSS) 🌟 Курс по JavaScript (практикуем то, что пригодится при выполнении работе с сайтами) Оплатить можно рос. и зарубежной картой, а также в рассрочку от банка или от нашей школы. Найти удобный вариант для вас - не проблема 💫
  • Типичный Верстальщик

    Способен ли ChatGPT заменить IT курсы по веб-разработке? Ранее я показала, как с помощью нейросети можно составить программу обучения, а также продемонстрировала внутреннее содержимое урока React. Но это еще не всё. В новом видео даю более полное представление о плюсах и минусах ответов от ChatGPT ✅ Смотреть на Youtube: https://youtube.com/shorts/Waejk_LiDFY ✅ Смотреть на Дзен: dzen.ru/video/w…327c94e6 #нейросеть
  • Реклама

  • Типичный Верстальщик

    По мнению сами знаете кого 👍 Изображения к посту кстати тоже сделал ИИ. Интересно, почему у нейросеток часто проблемы с пальцами? В комментариях пишите своё мнение про будущее IT и ИИ: стоит бояться? 👇
  • Типичный Верстальщик

    Разбор ошибок от нейросети ChatGPT (ч.1) Вчера я показала, по какому запросу чатбот сформировать для меня программу обучения на веб-разработчика. Но что дальше? Всё ли так хорошо и это реально альтернатива курсам? Рассказываю 👇 ✅ Смотреть на Youtube: https://youtube.com/shorts/VMG0Jh_ZLkw ✅ Смотреть на Дзен: dzen.ru/video/w…b8002fea #нейросеть
  • Типичный Верстальщик

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

    Нейросеть может обучить веб-разработке? Давайте проверим Рассказываю о фишке, о которой сама только сегодня узнала. Уже догадываюсь, чем займете свой вечер после просмотра ролика 🤣 Но если без шуток, то после выйдет еще 2 ролика с разбором, что не так и почему всё-таки новичкам нужно с осторожностью относиться к этим запросам. ✅ Смотреть на Youtube: https://youtube.com/shorts/3fbaX3ae5og ✅ Смотреть на Дзен: dzen.ru/video/w…23e77dfd #нейросеть
  • Типичный Верстальщик

    Узнала о крутой фишке ChatGPT. Если всё пойдет по плану, то вечером будет видео об этом. Фишка крутая, но не без косяков. В качестве баловства и возможности учиться - идеально. Правда новичкам такое использовать нужно прям очень с осторожностью. Есть идеи о чем речь?
  • Типичный Верстальщик

    Начало обучения по многостраничной верстке началось с приятностей 💙 #отзыв
  • Типичный Верстальщик

    Список идей для сайтов или веб-приложений Постараюсь в этом посте набросать несколько идей, которые придут прямо сейчас, дописав в скобках, какие фишки будет уместно отразить для этой темы. Всё это можно использовать для своего портфолио. 1) Фитнес-центр (калькулятор тарифов, слайдеры) 2) Музыкальная группа (вывод треков, составление рейтинга, аудио на фоне при загрузке сайта, любые нестандартные анимации) 3) Промо-страница мероприятия (параллакс, анимации, яркий стиль) 4) Правильное питание (калькулятор цен, подбор тарифов, табы) 5) Учебник, энциклопедия (веб-приложение, поиск по ключевым фразам, разделы, работа с API) 6) Флаги стран (работа с API, строка поиска, переключение на светлую/темную тему) 7) Генератор случайных фраз (JavaScript, анимация) 8) Приложение с тестами (веб-приложение, идеально показать: результаты на аккаунте пользователя) 9) Сайт украшений (анимации, интернет-магазин, вывод stories на главном экране) 10) Редактор фото (JavaScript, адаптив под любой экран) 🤔 Всякие туду листы, квизы, калькуляторы в чистом виде не предлагаю, потому что отдельно их пилить - смысла нет. Если и внедрять, то только для конкретного проекта, чтобы это было в тему. В комментариях можете продолжить список идей по этой схеме 👇
  • Типичный Верстальщик

  • Типичный Верстальщик

    ✏️ Уже завтра мы начнём верстать многостраничный сайт ⬇️ Алгоритм обучения: 1) Вам предоставляется макет в начале курса; 2) По заданой теме показываю схемой, какой должна быть разметка. Даю подсказки и идеи, что должно быть в CSS; 3) По этим подсказкам Вам необходимо будет сверстать заданный блок; 4) По приложенному коду на платформе вы сверяетесь с результатом; 5) На следующем уроке даю короткие комментарии, почему я сделала именно так, а не иначе; 6) Повторяем алгоритм со 2-го пункта. В начале курса будет больше объяснений, чтобы вы могли плавно подойти к процессу самостоятельной вёрстки. Всё, что связано со скриптами и сложными декоративными элементами - тоже не оставлю вас один на один со своими мыслями. Но в любом случае, основная идея обучения - самостоятельная работа для поиска решений. Это дополнительная тренировка и проверка своих возможностей, если пока вы побаиваетесь брать реальные заказы, где клиент точно будет требовать решений. Верстать будем многостраничный сайт на HTML и CSS. Смотреть макет ➡️ 📅 Старт обучения: 24 апреля 2023 (завтра) ⚡ Длительность обучения: 3 недели 💰 Стоимость: 2990 руб ✅ Приобрести курс: frontendblok.com/courses…-website Пока не уверена, что в ближайшее время запущу обучение в таком формате, поэтому если Вы хотели бы попробовать свои навыки в таком формате, то присоединяйтесь. Жду каждого! 🔥
  • Типичный Верстальщик

    Очень нравится, как в этом видео получилось выстроить кадр и, какой макет получился 🔥 В такой цветовой гамме работ ещё не было. А вам что понравилось больше? Уже начали практику?
  • Типичный Верстальщик

    ✏️ Верстаем сайт с нуля 🖥 Делаем вместе сайт веб-студии Эта практика нацелена умение: 1) Построить стратегию верстки, где визуально кажется, что блоки накладываются друг на друга 2) Подключить Swiper, чтобы сделать слайдер для отзывов Используем на практике HTML и CSS, а макет опубликован в Figma ✅ Смотреть на Youtube: https://youtu.be/kmWqcZAz9TQ ✅ Смотреть на Дзен: dzen.ru/video/w…a1855d86 #практика #верстка
  • Типичный Верстальщик

    Получать развернутые сообщения о том, как прошло ваше обучение всегда приятно! Это возможность узнать, на какие моменты Вы особенно обратили внимание. Посмотрите, какой разверный отзыв оставил на платформе Артём Мельман, который прошел базовый и продвинутый курсы по верстке! 🔥 А еще рекомендую обратить внимание на его профиль на Github, в котором нет ничего лишнего и вся информация только по делу! 💪 👇 А вот и сам отзыв: Добрый день всем! Сегодня я закончил обучение на продвинутом курсе по верстке, впереди дипломная работа. Конечно ещё большой путь предстоит, ведь я по сути только начал осваивать данное направление. Но уже могу сказать спасибо команде Frontendblok и её основателю Анне, а также моему куратору Роману. Узнал много новой и полезной информации, с одной стороны многое из этого и так есть в открытом доступе, но без системности и обратной связи трудно все это изучать. Для меня это новое направление деятельности т.к сейчас я работаю в барбершопе и параллельно с работой изучаю основы верстки. Брал курсы (основы + продвинутый) как ознакомительные, чтобы немного "прикоснуться" к профессии. Понравилась неспешная подача информации Анны, а также внимание к мелочам, ну и цена сыграла свою роль. Всей команде творческих успехов и вдохновения. Всегда жду ваших полезных видосиков!) Буду стараться продолжать развитие в данном направлении и на данной платформе. Удачи и терпения всем кто начинает и продолжает! #отзыв
  • Реклама

  • Типичный Верстальщик

    Случайно заметила, как Bootstrap на сайте добавил интеграцию с Vite. Чувствуют, что не выдерживают конкуренции с Tailwind.
  • Типичный Верстальщик

    Lottie — это формат файла анимации на основе JSON, который позволяет отправлять анимации на любую платформу. Эти файлы могут увеличиваться или уменьшаться без пикселизации. Я бы описала это как некий аналог SVG, но только для гифок и анимаций. Создателями этой библиотеки являются инженеры из компании Airbnb. Читать подробнее ➡️ Также вижу, что есть плагины, которые позволяют удобно работать с таким форматом: - для Figma - для Wordpress - для Visual Studio Code Буду рада, если покидаете еще каких-нибудь ссылок на эту тему 👇 #lottie
  • Типичный Верстальщик

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