Верстальщик от бога
9.21K subscribers
1.38K photos
18 videos
1 file
1.64K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @anothertechrock
Download Telegram
🔥 12 важнейших сайтов для освоения CSS в 2023 году

#почитать #junior #middle

Хотите войти в веб-разработку, но не знаете, с чего начать? Подборка из 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

Читать статью
🔥11👍6
Хотите легко и интересно познакомиться с веб-разработкой? Бесплатный марафон «Свидания с JavaScript» от HTML Academy идеально подойдет для этого!

За 11 дней вы освоите основы языка, научитесь писать код и потренируетесь на специальных тренажерах. Академия сделала всё возможное, чтобы процесс изучения был легким и увлекательным для вас.

Кроме того, во время обучения вы получите подарки. Прошедшим марафон «Свидания с JavaScript» гарантированы скидки на обучающие материалы и щедрый секретный приз.

Не упустите свой шанс познакомиться с JavaScript — запишитесь на марафон уже сегодня!
👍9
CSR, SSG, SSR — про рендеринг приложений на примерах

#почитать #middle

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

Читать статью
👍12🔥5
Основные принципы маскирования в CSS

#почитать #junior #middle

Tема CSS маскирования будет частью Interop 2023, а значит, вскоре можно ожидать кросс-браузерную поддержку этой возможности (Вау!).

В этой отличной статье разобрано, что вообще такое CSS маскирование, как оно работает, плюс некоторые примеры использования.

Читать статью
👍11❤4
Рейтинг языков программирования 2023. JavaScript/TypeScript завоевывают мир, Python вошел в топ-3

Результаты ежегодного опроса разработчиков GitHub.

Читать статью
🔥11👍4
Компаниям требуются PHP-разработчики!

Кому подойдет курс:

● Тем, кто хочет научиться программировать. Вы с нуля освоите язык программирования PHP, получите помощь и советы от опытных преподавателей, попрактикуетесь на реальных задачах.

● Начинающим разработчикам. Структурируете имеющиеся знания, а преподаватели помогут разобраться с трудными для понимания темами и порекомендуют дополнительную литературу. Научитесь решать повседневные рабочие задачи PHP-программиста.

ТОП причин пройти курс и стать PHP-разработчиком:
1. 2837 компаний прямо сейчас ищут PHP-разработчиков;
2. 90 000 руб. – средняя зарплата;
3. Мы поможем с трудоустройством после прохождения курса;
4. Первые 3 месяца обучения бесплатно;
5. Вы пройдете стажировку в команде под руководством тимлида;
6. У вас будет 3 проекта в портфолио;
7. Рассрочка без переплат;
8. Обучайтесь из любой точки мира, в удобное для вас время.

Майские скидки до 60% по промокоду «Верстальщик от бога» по ссылке https://goo.su/hFBAPTO
👍9
📹 UI Kit Верстка набора элементов! HTML & CSS

#посмотреть #junior #middle

В этом видео показано, как создать UI Kit с помощью HTML и CSS. Этот UI Kit идеально подойдет для создания индивидуального дизайна для вашего сайта или приложения

Смотреть на YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍2
Это — Антон Резник, у него более 12 лет опыта во фронтенд-разработке. Кто, если не он, научит вас делать серьёзный фронтенд?

Антон с нуля создал веб-версию Telegram на базе собственной реализации реактивного UI-фреймворка. А ещё однажды он написал систему «Умный дом» для своей квартиры на чистом JavaScript!

Сейчас Антон тимлид в команде рекламы ВКонтакте, где создаётся frontend нового рекламного кабинета. Его работа состоит из сложных архитектурных решений, задач производительности и интеграций с другими командами.

Вместе со своими коллегами с не менее классным опытом, Антон собрал весь свой опыт воедино на курсе Frontend. По секрету расскажем, что там действительно много практики и инсайтов индустрии.

Так что если вы junior+ или middle фронтендер и хотите научиться работать над масштабными проектами, вам сюда!

Новый поток стартует 18 мая, а по промокоду FRONTHTML20 вы получите скидку 5%

[Начать обучение]
😁13👍5👎4
Микрофронтенды — универсальное решение всех проблем или просто удобный подход?

#почитать #middle

Сейчас понятие «микрофронтенды» встречается довольно часто, но что это такое и какие задачи они решают? Зачем нам микрофронтенды, если есть микросервисы или монолит? И стоит ли тащить микрофронтенды в свой проект только потому, что это модно? Об этом и о трех способах организации микрофронтендов в статье.

Читать статью
👍8🔥5
🌐 Как сверстать выпадающее многоуровневое меню

#посмотреть #junior

Верстка многоуровневого меню на повестке дня! Очень часто бывает такая вечеринка, когда есть многостраничный сайт, и заказчик хочет впихнуть туда всю историю своей жизни. Тут без многоуровневого меню не обойтись! В этом видео вы научитесь это делать и вычеркнете эту задачу со списка "Надо бы разобраться".

Смотреть на YouTube (~30 минут)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤4
🏃‍♂️ Успеть всё. Как совмещать самообразование с работой, советует менеджер

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

Читать статью
👍9🔥4
😱 Примеры кошмарного софта вокруг нас

Разбор того, что больше всего бесит в современных интерфейсах.

Читать статью
👍10❤4🤬3👎1
Привет, верстальщики!

Опрос! Сколько времени вы реально работаете в день?
Anonymous Poll
7%
1-2 часа
15%
3-4 часа
21%
5-6 часов
11%
7-8 часов
8%
8-10 часов
5%
больше 10 часов
34%
я хочу посмотреть результаты
😁16❤4
Начните путь в фулстек-разработку и удвойте карьерные возможности.

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

◾️ Программа 2023 года и самые актуальные технологии.
◾️ HTML, CSS, JavaScript, TypeScript, React, Node.js, Docker и алгоритмы.
◾️ Реальные проекты в портфолио, карьерная поддержка

→ Попробуйте курс бесплатно
👍9❤3
🌐 Подробный урок по CSS Flexbox для начинающих, все нюансы, примеры, практика

#посмотреть #junior

В этом уроке мы будем изучать CSS Flexbox. Рассмотрим все тонкости от А до Я, так что поймет абсолютно любой. Все максимально подробно, с огромным количеством наглядных примеров и в игровой форме, проходим все уровни игры Flexbox Froggy.

Смотреть на YouTube (~2 часа)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍5❤4
Веб-разработка: где найти и сравнить лучшие курсы?

Tutortop
— крупнейший маркетплейс курсов на рынке онлайн-образования! В сервисе представлено более 5000 курсов от более чем 300 школ и все их можно сравнить по рейтингу, цене и отзывам, а еще купить дешевле, чем напрямую 🔥

Собрали для вас подборку из топовых курсов для обучения веб-разработчиков данных по мнению их пользователей:

— Курс «Веб-разработчик с индивидуальным сопровождением и гарантией трудоустройства» от Skypro. Рейтинг 4.9 из 5.

— Профессия «Web-разработчик с гарантией трудоустройства» от ProductStar. Рейтинг 4.8 из 5.

— Курс «Frontend-разработчик с нуля» от Нетологии. Рейтинг 4.8 из 5.


Скидку до 10 000 ₽ к финальной цене на эти и десятки других курсов по веб-разработке можно получить на маркетплейсе tutortop! ⚡️
👍7
Привет, верстальщики! 👋

#discussion

🤖 Сегодня говорим про искусственный интеллект и нейронные сети (который в последнее время развиваются довольно быстро). Как вы думаете, заменит ли ИИ нашу профессию? Если да, как скоро это случится? Что планируете делать в такой ситуации?

Оставляйте ваше мнение в комментариях.
❤9
👶 30 советов для начинающего FrontEnd программиста

#почитать #junior

Небольшая статья с 30 советами для новичков во FrontEnd сфере, которые сделают ваш код чище и приятнее.

Читать статью
🔥11👎4❤3👍3
🌐 Адаптивная верстка сайта с SCSS и JS. CSS Grid, БЭМ. Макет LoftHouse

Адаптивная HTML SCSS верстка сайта из Figma лендинга жилого комплекса LoftHouse.

Верстка по пакету из Figma, CSS препроцессор SCSS, использование миксинов и переменных. Медиазапросы и адаптивная верстка. Разметка на основе CSS Grid и Flexbox. JS скрипты для маски номера телефона, скрипт для youtube lightbox видео, скрипт для yandex карты с кастомным пином, тонкой CSS стилизацией и JS настройкой карты.

Смотреть на YouTube (~5 часов)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤3🤔2