Выпуск №227: Сайт Веб-стандартов, cssunderhood, Chrome, цвета, кастомные свойства, Brotli, цена фреймворков. Слушайте на Ютубе https://youtu.be/JLAFTBUairY, читайте на Медиуме https://medium.com/p/340ab079749d

00:00:50 События
00:05:23 Возвращение cssunderhood
00:07:09 Сайт «Веб-стандартов»
00:10:01 Бета Chrome 83
00:17:18 Цветовые функции в CSS
00:21:16 Типизированный CSS
00:24:49 Кастомные свойства и гриды
00:47:43 Бротли, Зопфли и Гуцли
00:57:44 Цена JS-фреймворков

Знаете ли вы, что самый распространённый метод обучения — перечитывания материала раз за разом — является самым неэффективным?

Если вы хотите не просто вызубрить материал, чтобы сдать экзамен, а действительно выучить что-то — действовать нужно по-другому.

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

​​Нижний и верхний индексы размечаются тегами <sub> и <sup>. Например, H₂O будет выглядеть так: H₂O.

Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».

Если вам нужно вставить очень сложную формулу в HTML-документ, лучше воспользоваться специальным языком разметки MathML.

Михаил Ладонкин успешно закончил четвёртый поток профессии «Фронтенд-разработчик». После стажировки в «Лиге А.» он прошёл собеседование в «12.digital» и устроился на работу. Вот его впечатления от Лиги, обучения, компании и новой команды:

«Главное, что дала мне «Лига А.» — почувствовать, что такое работа в команде над реальным проектом в режиме дедлайнов. Это был непростой опыт, поскольку для того, чтобы успевать выполнять свою часть работы, приходилось впахивать ночами и переписывать с нуля свой код — бесценный опыт, очень пригодившийся на текущей работе.

Конечно, были моменты, которые вызывали возмущение: почему, когда, на твой взгляд, проект уже закончен и можно отдыхать, клиент присылает 100500 правок? Но это всё к теме «тяжело в учении, легко в бою» — на работе этот опыт пришёлся очень кстати.

И еще один важный момент — наличие позитивного фидбека от работодателя по вёрстке и БЭМу, которые Академия даёт в очень понятной и полной форме. Возможно, это сыграло очень большую роль в итоговом выборе между мной и другим претендентом на место, с которым, кстати, мы остались в очень хороших отношениях, и который очень заинтересовался курсами Академии.

Работу нашёл через «Центр карьеры». Компания отличная, много интересных проектов, команда очень профессиональная и очень дружелюбная.

По поводу «Центра карьеры» — всё супер, я до сих пор подписан на телеграм-канал. Там постоянно публикуются вакансии, что очень здорово — можно выполнять тестовые задания, получать фидбек от компаний, и т.д.»

Серёжа Попов уже в эфире и готов вам рассказать, что происходит на рынке фронтенда — https://tml.io/nq27h

8 наиболее распространенных структур данных на примере JavaScript.

https://habr.com/ru/post/497476/

​​Отдаём средний по сложности проект «Израиль» по цене простого — 2900 р. вместо 4500 р.

Это яркий и красочный макет с большим количеством интерактивных элементов: раскрывающийся список (аккордеон), слайдер, переключающие вкладки, формы. Также макет содержит два всплывающих окна, реализация которых возможна через JavaScript.

Скидка действует с 1 по 5 мая ⚡️

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

Записи прошедших лайвов:
«Чем занимаются фронтенд-разработчики, и почему они всем так нужны» — https://tml.io/zhitv

«Как стать фронтенд-разработчиком за полгода» — https://tml.io/xacft

«Как устроиться на работу фронтенд-разработчиком» — https://tml.io/fib4e

Выпуск №228: DevTools, cайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг. Слушайте на Ютубе https://youtu.be/Hn6TnJYIGd4, читайте на Медиуме https://medium.com/p/2a9b1f18aae1

00:00:49 Новинки DevTools
00:21:45 Сайт Веб-стандартов
00:27:37 Выделение текста
00:34:23 Пиксели против ремов
00:47:00 Атомарный CSS-in-JS
01:01:35 Автоматизация рефакторинга

Инструмент, который подскажет, можно ли один тег вкладывать в другой.

https://caninclude.glitch.me/

​​8 мая в 13:00 по московскому времени в прямом эфире поговорим с Натальей Йоркиной, тимлидом компании Ostrovok.ru, о фронтенде и выпускниках Академии.

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

Запись на трансляцию — https://tml.io/qjpfc

Различные способы стилизации выделенного текста.

https://ishadeed.com/article/selection-in-css/

​​В июле запускается асинхронный курс для мидлов «Вёрстка email-рассылок».

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

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

До 10 мая записаться можно со скидкой!

Серия статей Игоря Антонова про колбэки в JavaScript.

«Введение в колбэк-функции в JavaScript» — https://tml.io/bc42t

«Сервер, приём! Как колбэки в JavaScript строить и жить помогают» — https://tml.io/sfy51

​​Лёша Симоненко, директор по развитию HTML Academy, и Наталья Ёркина, тимлид Ostrovok.ru, уже в эфире — подключайтесь.

Они обсудят:
— какие задачи стоят перед командой разработки;
— особенности работы на самоизоляции;
— как устроен фронтенд в компании;
— требования к разработчику, чтобы он попал в команду;
— опыт найма и работы с выпускниками Академии.

Вышел новый навык с демонстрационными кейсами — «Вёрстка текстового содержимого страниц».

С его помощью вы научитесь корректно оформлять тексты и их отдельные декоративные элементы, узнаете, как правильно подключать шрифты из разных источников, и потренируетесь применять знания на практике.