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

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

5970 @tpverstak

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

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

    Почему самостоятельное обучение на веб-разработчика не всегда и не у всех приносит желаемого результата? Есть три основных момента: — Нет возможности задать вопрос опытному специалисту — Нет четкого плана, что учить и в каком порядке — Нет жестких сроков в обучении, из-за чего можете допустить для себя длительный отдых и потом удивляться, почему у вас уходят годы на обучение Даже наличие ИИ инструментов требуют понимания, как ими пользоваться и уметь отделять действительно полезные ответы от ошибок, которые они выдают. Но с другой стороны прекрасно понимаю, почему многие не решаются на платное обучение. Есть страх получить: — Слабую программу — Плохого учителя — Отсутствие поддержки — … Однако, выход есть. Прийти к тем, кто учит бесплатно и посмотреть, как они это делают, чтобы сделать свои выводы о том, стоит ли обучаться дальше. Например, у меня есть курс «Старт в мир веб-разработки». Курс состоит из 5-ти уроков, где: — На практике сверстаете такой сайт на HTML, CSS и JavaScript — Узнаете, как найти первый заказ на фрилансе в 2023 году — Сможете общаться в чате со мной и другими студентами. 🔥 Регистрируйся и начинай обучение: https://frontendblok.com/marathons/web-start
  • Типичный Верстальщик

    Frontend meetup (Online) 1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ" В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения 2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE Рассмотрим основные подходы к разбиению монолитных фронтедов. 3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций. 4. Beyond Frontend — Алексей Тюльдюков, VK Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером 🗓 12 июля, начало в 19:00 мск, Среда Регистрация на мероприятие
  • Типичный Верстальщик

    В публикациях на канале небольшой перерыв, так как после выступления случился полноценный отпуск. Спамить фотографиями о том, где я и что делаю в телеграм не вижу смысла (только если вы сами этого не хотите), поэтому приглашаю всех в соцсеть для фоточек. Уже посетила 3 города, там рассказала какие именно. Но чтобы этот пост не был пустым, расскажите в комментариях, что нового успело появиться в веб-разработке или IT, пока меня не было?
  • Реклама

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

    Как вчера прошло мероприятие? 👀 Опишу тезисно: — Была рада повидаться вживую со всеми, кого знала в онлайне и с теми, кто был подписан на меня ранее. Пофоткались, пообщались, ответила на вопросы не только про веб-разработку, но и как развивать свой технический блог 🔥 — В ходе общения узнала о существовании еще одних новых единицах измерения CSS, которые как-то обошли меня стороной. Так что новому контенту быть 😅 — Для меня это уже второе выступление в таком формате и могу отметить огромный прогресс в публичных выступлениях: волнения практически не было, говорила уверенно (блог, конечно, помог прокачать сильно в этом плане), мысль не сбивалась, всё прошло гладко. — В 2019 году, когда мне советовали представить, что это не живое выступление, а просто стрим (совет для публичных выступлений), то мне это не помогало абсолютно. Мозг таким не обмануть, особенно если это первое выступление. А в этот раз ничего даже представлять не пришлось: всё прошло, как надо 👍 — На входе каждый мог взять мой стикерпак. Видела всех у кого он был в руках 🙌 — Один из стикерпаков нарезан для студентов ВУЗа, где сегодня проходит экзамен. P.S. Кстати, если вдруг по какой-то причине вам стикеры не достались, то вы еще можете поймать меня в Москве, у меня они есть с собой, могу подарить. В городе буду до утра 9-го июля. Потом еду в Ярославль 🚝
  • Типичный Верстальщик

    Сегодня выступаю на конференции Moscow CSS 🥳 В честь этого сделаю на сутки скидку 20% на все курсы и марафоны, которые есть на платформе FrontendBlok 👇 https://frontendblok.com/ 🔥 Чтобы воспользоваться скидкой, напишите нашему менеджеру @artpanin, где хотите учиться и он посчитает вам скидку и пришлёт счёт (рассрочка тоже возможна). ⏱ Предложение действительно на 24 часа. P.S. Кстати, кто сегодня придёт на конференцию или будет смотреть онлайн? Можете написать под этим постом.
  • Типичный Верстальщик

    Короткая история веб-разработки в одной картинке
  • Типичный Верстальщик

    Есть планы на июль? Предлагаю провести его с пользой! 🙌 3 июля стартует курс по многостраничной вёрстке, где Вы: — сверстаете 6 страниц сайта-блога — узнаете, как верстать по Wordpress правильно — проверите свои навыки в вёрстке 3 недели верстаем сайт НО! Это не значит, что Вы всё будете повторять за мной. Будет ОЧЕНЬ МНОГО самостоятельной работы с моими подсказками, которые будут помогать вам верстать блок правильно. К каждому уроку будут приложены решения, чтобы вы могли сопоставить своё решение с моим. Я уже провела первый поток в мае в этом формате и мне понравилось, какой движ был в чате 🔥 Все помогали друг другу. В общем, го! Я создалъ 👇 frontendblok.com/maratho…-website
  • Типичный Верстальщик

    Полезные инструменты для работы с CSS 🔥 Описание каждого и ссылки представлены в фото-подборке. #css
  • Типичный Верстальщик

    Вчера получила новую партию стикеров. Разложу их на конференции в Москве. Заодно украсила новый кейс макбука 🔥
  • Типичный Верстальщик

    Итоги проведения 1-го потока курса по Wordpress — Чат получился таким же дружным, как на курсе по многостраничной верстке, так как многие пришли на обучение после него, чтобы продолжить работу с представленным макетом — Расширила учебную программу с 4х недель до 5ти, чтобы можно было комфортно выполнять домашние задания. На мой взгляд, когда получаются длинные уроки и бесконечно большие домашние задания, то это наоборот сильно демотивирует ученика. — 95% учеников прошло больше половины курса и 70% близится к завершению. Считаю, это высоким показателем вовлеченности. Будет ли еще старт курса? Да! 🟩 3 июля 2023 - Курс по многостраничной верстке Там Вы научитесь верстать макет таким образом, чтобы потом его комфортно можно было перенести на Wordpress. Этот курс является вводным перед основным курсом по WP frontendblok.com/maratho…-website 🟩 7 августа 2023 - Создание блога на Wordpress Это 2-й поток курса, где вместе со мной мы перенесем верстку на Wordpress, попутно изучая основные темы по этой CMS. https://frontendblok.com/courses/wordpress Кто хотел научится работе с Wordpress и получать дополнительный доход на этих знаниях? Курс точно вам подойдет! 👍
  • Типичный Верстальщик

    Эта нейронка может перевести гневное сообщение в вежливое и сдержанное 👀 Больше не придётся думать о том, как “мягко” донести свою мысль до клиента. https://angryemailtranslator.com/ #нейросети
  • Типичный Верстальщик

    Крупное обновление Figma - режим Dev Mode 🔥 “Dev Mode — это новое пространство в Figma для разработчиков с функциями, которые помогают быстрее переводить проекты в код.” - именно так это представили обновления сами разработчики приложения. Но… Что там? Это замена программистам или веб-дизайнерам теперь не нужны верстальщики? Разобрала этот момент в новом видео 👇 ✅ Смотреть на Youtube: https://youtu.be/zPAPYYKPUEk ✅ Смотреть на Дзен: dzen.ru/video/w…d77e289c Короткий план видео: — Коротко про Dev Mode — Что нового появилось? — Смотрим на старые макеты в режиме Dev Mode — Смотрим на новые макеты в режиме Dev Mode — Расширение Figma для VS Code — Linear и Jira в Figma — Github/Gitlab в Figma В комментариях на Youtube или Дзен делитесь, своими наблюдениями по новой фиче, так как в основном я рассматривала это приложении с позиции веб-разработчика. Уверена, дизайнерам тоже есть, что добавить. #figma
  • Типичный Верстальщик

    О каком сервисе вы узнали будучи веб-разработчиком и до сих пор пользуетесь им? 👀 Первое, что могу вспомнить - это Ispmanager ✨ Это был 2014 год. Тогда я впервые столкнулась с этим сервисом, когда оформила домен на хостинге и требовалось перейти в панель управления, коим и являлся Ispmanager. С тех пор я сталкивалась с ним не раз и на других популярных хостингах. На сегодняшний день можно смело сказать, что его возможности стали шире тех, что были раньше. Используя Ispmanager можно: — Использовать файловый менеджер — Установить CMS — Управлять FTP-пользователями — Настроить домены и DNS-записи — Управлять Apache, nginx, OpenLiteSpeed — Сделать резервное копирование — Поработать с базами данных — Использовать инструменты безопасности сервера и хостинга — Подключить поддержку языков программирования. Для каждого сайта можно свою версию! Также за это время я успела понаблюдать за тем, как улучшился дизайн и удобство использования 🙌 Но развитие Ispmanager идёт не только в техническом развитии. Еще у них появился канал, где постится годнота для программистов. Например, недавно они рассказали про новый релиз от Github и как сделать свой VPN. В общем, вступайте в канал @ispmanager, чтобы ничего не упустить! 😎
  • Типичный Верстальщик

    Когда готовила видео о темной/светлой темах, то постоянно вспоминала этот ролик 😂 Вы его недавно кидали в наш чат
  • Типичный Верстальщик

    Как сверстать светлую/темную тему, чтобы не писать кучу свойств в CSS под каждый компонент? 🤯 Может показаться, что это невозможно, ведь у каждого элемента на сайте есть свои нюансы, которые надо учесть: - текст должен контрастировать - поля ввода должны отразить инверсию цвета в обводке, в фоне, введённом тексте, в тексте-подсказке - кнопки и ссылки должны сделать тоже самое, но и не забыть про hover-состояния - … Перечислять можно долго, но я думаю, что вы уже представили насколько большой и сложной работа может быть. “Это и так понятно. К чему это вообще тут?” - подумаете Вы. А что если я скажу, что работу можно упростить? И всё это благодаря новому свойству CSS, у которого поддержка на уровне 93% в браузерах. В новом видео сделать подробный разбор, как это работает👇 ✅ Смотреть на Youtube: https://youtu.be/IvRy7W_dQb0 ✅ Смотреть на Дзен: dzen.ru/video/w…a4b559d2 В комментариях на Youtube или Дзен делитесь, знали ли вы ранее о таком свойстве и пробовали ли применять на реальных проектах? #css #newcss
  • Реклама

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

    6 июля буду выступать в Москве на конференции Moscow CSS 🙌 За основу взяла тему, которую активно начала раскрывать в сети в начале этого года. Пока мало, кто об этом говорит и уже тем более применяет на реальных проектах, но эта фича топ 🔥 ✨ Тема доклада “Новые единицы измерения в CSS заставят плакать. Или нет?” Описание: Делать сайты адаптивными можно не только опираясь на viewport, но и на размер родительского контейнера. Эту возможность предоставляет новый подход в верстке - CSS Container. В докладе я подробно расскажу, как пользоваться новыми единицами измерения (cqw, cqh, cqi, cqb, cqmax, cqmin), правилом @container и продемонстрирую, как это упрощает создание адаптивного дизайна. Конференция - отличный повод встретиться вживую в Москве, если вы читаете/смотрите меня. Участие бесплатное, но есть 2 варианта, как побывать на конференции: - онлайн - для тех кто присоединится к нам удалённо, регистрация доступна постоянно; - оффлайн - N мест открываются с каждым анонсом (кол-во очень ограничено). На оффлайн билеты уходят моментально. Рекомендую подписаться на этот канал @moscowcss, чтобы следить за каждым анонсом конференции, потому что только так открывается ограниченный доступ к регистрациям. ✅ Регистрация доступна на Timepad: https://moscowcss.timepad.ru/event/2465968/ Кто придёт? Будете в онлайн или оффлайн? Пишите в комментариях 👇
  • Типичный Верстальщик

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

    Как избавиться от комара: секретные техники от веб-разработчиков из нашего чата