​​Пока врачи не рекомендуют лишний раз выходить из дома и посещать людные места, можно свободное время потратить на обучение. (Слава онлайн-образованию!)

И раз уж сейчас весна, мы сделали для вас туториал по рисованию и анимированию дерева с листочками 🍃

Обязательно повторите, чтобы закрепить знания.

Как сделать линейную диаграмму с помощью CSS.

https://css-tricks.com/how-to-make-a-line-chart-with-css/

​​Большинство школ и университетов, из-за сами знаете чего, перешли на дистанционное обучение. Если вы преподаёте, обратите внимания на наш личный кабинет учителя. Он хорошо подойдёт для организации дистанционного обучения и не требует больших затрат со стороны преподавателя. Заявку на подключение личного кабинета могут подать сотрудники государственных образовательных учреждений.

Что в него входит:
— 69 интерактивных курсов по основным технологиям веб-разработки;
— 30 полных доступов ко всей программе для учеников на год;
— наглядная статистика прохождения курсов учениками;
— мотивирующие задачки от Кекса.

Подробнее о личном кабинете учителя можно узнать в нашей статье.

Из-за пандемии и кризиса сотрудники многих сфер попадают под удар. И, кажется, сейчас самое время задуматься о новой карьере.

Давайте посмотрим, какие есть варианты действий.

Выпуск №221: Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js. В гостях Наташа Теплухина. Слушайте на Ютубе https://youtu.be/CcThxJzQuQg, читайте на Медиуме https://medium.com/p/f1e1bf37b0b2

00:01:10 Мета и подкасты
00:06:06 Отмена событий
00:14:59 Firefox обновит KaiOS
00:19:41 Ненужный CSS в DevTools
00:26:19 Такой сложный вьюпорт
00:33:18 Размеры и загрузка картинок
00:39:40 Смешивание цветов
00:44:47 Команда Vue.js Core
01:01:11 Документация и перевод
01:09:04 Планы Vue.js

Преимущества производительности вариативных шрифтов.

https://uxdesign.cc/the-performance-benefits-of-variable-fonts-79af8c4ff56c

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

Артём Альтигин, руководитель проектного отдела «Лиги А.», помогает разобраться, какие навыки в первую очередь стоит прокачивать новичку — https://tml.io/81374

10 полезных GitHub репозиториев, которые помогут расширить ваши знания.

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

​​Выпущен навык «Экспорт параметров и графики из Figma».

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

Основные советы по SEO-оптимизации сайтов на JavaScript.

https://css-live.ru/articles/osnovnye-sovety-po-seo-optimizacii-sajtov-na-javascript.html

​​Удалённая работа — это отлично. Грустно может быть только если вы никогда так не работали, а сейчас пришлось. Но в этом тоже ничего страшного, главное — соблюдать простые правила.

На прошлой неделе мы всей HTML Academy покинули офис и дружно сидим по домам (своим), поэтому наш редактор Женя собрал советы для начинающих удалёнщиков, заботливо отсортировал и перемешал результат с фотографиями рабочих мест.

Вдохновляйтесь и работайте, удалёнка — норм!

Машина времени, дежавю, доктор, крушение, треск…

Наш сайт снова захвачен искусственным интеллектом ECMA-262 космического корабля «Фронтендер». Похоже, операция Javascripton2020 вернулась 💥

Три фракции — Учёные, Корпорация и Аборигены — опять взялись за своё и будут бороться за редкий в наши дни гречий.

Поиск залежей начнётся 23 марта в 00:00 по земному московскому времени. А сейчас вступайте в одну из команд — доверить выбор придётся бортовому компьютеру.

Битва за гречий уже началась!

https://tml.io/i3d8i

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

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

Когда накопится достаточно гречия для продолжения исследования — откроется доступ к следующей залежи.

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

Полное руководство по функции calc() в CSS.

https://css-tricks.com/a-complete-guide-to-calc-in-css/

​​Уже сегодня стартует курс «HTML и CSS, уровень 2», который пройдёт с 23 марта по 27 мая. Ещё можно записаться.

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

Лучшие практики вёрстки рассылки с готовыми шаблонами.

https://www.goodemailcode.com/

Запустили редакторскую рассылку.

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

В каждом письме — приятный бонус только для подписчиков 🎁

Выпуск №222: GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги! Слушайте на Ютубе https://youtu.be/cXwo54dKuX8, читайте на Медиуме https://medium.com/p/cad960349c1d

00:00:40 События
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!