Видеоурок по использованию Grid в CSS

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

Большое видео о display: grid и множестве свойств, которые идут с ним в одном пакете. Полноценное большое руководство, к которому вы можете обращаться как только что-то забудете или нужно будет разобраться в grid css свойствах.

Смотреть на YouTube

Как быстро задать соотношение сторон с aspect-ratio

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

Свойство aspect-ratio решает все глупые костыли, связанные с соотношением сторон одной строкой. Свойство поддерживается уже год, но уверенно его использовать мы можем только после релиза для Safari в сентябре 2021.

Читать статью

Всем привет!

Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям.

@MasterHuBot

Верстка сайта GRID (Практика HTML + CSS)

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

Подробный разбор верстки сайта без использования JS.

Плейлист на YouTube

Профессия «Фронтенд-разработчик» на Хекслете, как айсберг – включает в себя гораздо больше, чем кажется на первый взгляд.

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

Не только упражнения. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров.

Больше, чем учеба. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами. Поможем с резюме и сопроводительным, подготовим к собеседованиям и пригласим на стажировки в хорошие компании.

Начните прямо сейчас - https://clck.ru/pcNh3

Вводные курсы профессии доступны бесплатно сразу после регистрации. Оцените формат и решите, стоит ли продолжать!

Знакомство с профилировщиком производительности

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

Статья с обзором основных функций профайлера. Рассматривается, как использовать дерево вызовов и перевернутый стек вызовов для быстрого определения слабопроизводительных функций в вашем коде.

Читать статью

Быстрая верстка сложного макета (в 2х частях)

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

Свежий мастер-класс по верстке от WAYUP.

Часть 1 (~2 часа)
Часть 2 (~2 часа)

DevTools: как открыть инструменты разработчика в браузере и почему они делают работу эффективнее

#почитать #junior

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

Читать статью

One Day Offer для фронтенд-разработчиков

25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день.

Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе?
Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

Архитектура фронтенда и какой она должна быть

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

Отличная статья с размышлениями о том, по каким правилам должно строиться фронтенд-приложение, чтобы быть расширяемым, лекгоизменяемым и простым.

Читать статью

Как сделать веб-шрифты красочными

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

Рассказ о палитрах CSS в работе с многоцветными шрифтами COLRv1, которые поддерживаются в последних Chrome и Edge, и обзор их возможностей.

Читать статью

Первый взгляд на CSS свойство object-view-box

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

Разбор относительно нового CSS-свойства object-view-box (появилось в начале этого года)

Читать статью

Давно мечтаете сменить скучную работу, но нет денег на обучение? Станьте разработчиком абсолютно бесплатно.

Примите участие в розыгрыше и выиграйте бесплатное обучение на курсе по профессии «Фронтенд-разработчик».

Не упустите свой шанс начать обучаться востребованной профессии уже этим летом!

Регистрируйтесь скорее, розыгрыш пройдёт уже 16 июня в 13:00.

Стили заголовков в CSS: градиенты

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

Большой материал об использовании градиентов в заголовках.

Читать статью

Митап для JavaScript-разработчиков от Альфа-Банка. Alfa Meet Up JS #1

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

Темы докладов:
— Как управлять командой разработки так, чтобы проект процветал. Илья Агапов, Frontend Team Lead в Альфа-Банке.
— Переход на React-router v6: подводные камни и альтернативы. Андрей Новиков, Старший разработчик в Альфа-Банке.
— RTK query. Антон Степанов, Frontend-разработчик в Альфа-Банке.
— Карьерная лестница как дорога в ад. Андрей Смирнов, Руководитель разработки клиентских приложений в Х5 Group

Смотреть на YouTube (~2.5 часа)

📰 Фронтенд-новости. Опубликован HTTP/3, History API мёртв, WebContainers доступны в Firefox

Недельный дайджест новостей и полезных статей из мира фронтенд-разработки

Читать на хабре

Мечтаете стать программистом, но не понимаете, что вас ждёт? А может вы уже учитесь разработке и задумываетесь о трудоустройстве?

Как проходят собеседования и как побороть свой страх перед ними, разберём на онлайн-собеседовании верстальщика, которое пройдет 21 июня в 17:00.

Запишитесь на лайв и получите скидки на обучение от HTML Academy и полезные материалы по веб-разработке.

История одного макета: способы сделать сайт послушным

#почитать #junior

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

Читать статью

6 простых правил хорошего alt-текста

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

Статья о том, как написать хорошее описание фотографий в атрибуте alt.

Читать статью

Как и зачем я отключил свой фавикон

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

Небольшой материал о том, что делать, если вы не хотите иметь favicon у себя на сайте.

Читать статью