00:01:18 События
00:06:52 Перфоманс: сначала или потом
00:22:01 Воркеры сложнее чем кажутся
00:39:17 Интерфейс для офлайна
00:48:36 Можно ли без JS и нужно ли
01:06:59 Чистый CSS и грязный результат

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

https://css-tricks.com/new-year-new-job-lets-make-a-grid-powered-resume/

Отзыв нашего студента Александра Дереглазова подтверждает, что учиться никогда не поздно:

«Честно говоря, даже интересно, часто ли в Академию приходят учиться такие «динозавры», как я. Но обо всём по порядку.

Мне 48 лет. И в жизни пришлось заниматься довольно разнообразной деятельностью. Со школы решил связать свою жизнь с радиотехникой. Пошёл учиться по этой специальности. Благополучно закончил институт, получил диплом. Ещё в институте активно занимался ремонтом бытовой радиоэлектроники. Время учёбы пришлось на «весёлые» 90-е. Закончил учёбу в 1994 году. Ух, как было всё кругом печально! В том числе и с работой. А ещё печальнее с зарплатой!

Но именно в те времена я начал работать программистом. Днём программист, вечером мастер по ремонту электроники. Потом силой обстоятельств долгое время занимался чем-то типа экономической/бухгалтерской деятельности. Плотно к компьютерам вернулся в качестве системного администратора на ювелирном заводе, хотя сначала взяли помощником программиста. Писал на VB кое-какие модули для программы. Лет десять назад ради собственного интереса начал изучать веб-программирование. Честно, было просто интересно! Нравилось, что написать можно совсем немного и твоё немного уже на твоём собственном сайте. Изучил таким образом чуть HTML, чуть CSS, чуть PHP. Затем как-то отошёл от этой темы.

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

Учиться мне понравилось. Отличная разминка для мозгов и, уверен, хорошая база на будущее. Закончил в итоге «HTML и CSS, уровень 1» и «HTML и CSS, уровень 2». Ну, а дальше попробую сам. Если почувствую, что нужна помощь Академии в обучении — вернусь. Так что, всем желаю приобретать знания и благополучно применять их в жизни. Знание — сила!»

​​Идёт запись на курс «HTML и CSS, уровень 2», который пройдёт с 23 марта по 27 мая. Доступна оплата в рассрочку.

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

Можно выбрать один из двух тарифов:
— стандартный (5 часов работы с наставником и три личных проекта на выбор);
— комфортный (9 часов работы с наставником и пять личных проектов на выбор).

Иллюстрированное пособие по работе со свойством position. Внимание: там есть котики! А котиков, как известно, мы уважаем.

https://ishadeed.com/article/learn-css-positioning/

Завершилось обучение на десятом потоке курса «JavaScript, уровень 2». В нём приняли участие 296 студентов, и 81 из них успешно защитились.

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

Подробности читайте в отчёте — https://tml.io/ri798

Чему меня научил год изучения и преподавания доступности. Перевод статьи Сары Суайдан.

https://medium.com/web-standards/what-accessibility-taught-me-207d1ff0e80c

​​Смотрите-ка, хоть у Кекса и лапки, зато могущественные! Он взял и сделал главу «Массивы и циклы в PHP, часть 1» курса «Знакомство с PHP» доступной для всех, то есть бесплатной.

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

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

Чтобы всем было хорошо 🐾

13 февраля в Воронеже Вадим Макеев выступит с докладом «HTML: The Good Parts» и расскажет про использование тегов в HTML.

Участие бесплатное, нужна регистрация — https://mybusinessvrn.timepad.ru/event/1240955/

Разбираемся с ассоциативными массивами в PHP: зачем они нужны, как их создавать и выводить.

https://tml.io/afqmi

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

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

​​Хорошая новость 🔥 Первая глава курса «Знакомство с JavaScript» теперь доступна для всех пользователей.

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

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

Выпуск №216: Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook. В гостях Филипп Рябчун. Слушайте на Ютубе https://youtu.be/yzr6GdX7qF4, читайте на Медиуме https://medium.com/p/f4b73389ca5a

00:00:49 Ручной SVG
00:10:22 Puppeteer 2.1 с Firefox
00:15:51 И снова Yarn 2
00:23:52 Что такое TeamCity
00:33:15 Фронтенд TeamCity
00:39:05 Компоненты в Storybook

Как с помощью prefers-color-scheme и кастомных свойств добавить поддержку тёмной темы на сайте.

https://css-irl.info/quick-and-easy-dark-mode-with-css-custom-properties/

​​Рассказали об этапах создания сайта для тех, кто ничего об этом не знает. Так сколько же людей нужно, чтобы сделать сайт с нуля?

Наш выпускник Ренат рассказал, как из связистов ушёл во фронтенд. А также поделился вопросами с собеседований и дал несколько советов новичкам — https://tml.io/84nkx

Почему стоит использовать <article>, а не <section>?

https://www.smashingmagazine.com/2020/01/html5-article-section/