HTML Academy
10K subscribers
5.32K photos
171 videos
4 files
3.33K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Forwarded from Веб-стандарты (Вадим Макеев)
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №105: новинки браузеров, Bootstrap 4, WebStorm и CSS, БЭМ для начинающих, ненужный атрибут title, выражения от контейнера, Веб-стандарты на Литресе и Маша Просвирнина в гостях. Слушайте на Медиуме https://medium.com/p/ce7878184feb или сразу на Ютубе https://youtu.be/CScyQhEJqcA.
Уже завтра стартует интенсив «Профессиональный PHP», уровень 1, ещё можно успеть записаться.

На курсе вы научитесь с нуля писать веб-приложения на чистом PHP.

https://goo.gl/64DVEm

Курс рассчитан на новичков в программировании. За пять недель будут разобраны не только азы, вроде настройки веб-сервера и сервера баз данных, изучение синтаксиса PHP и SQL, так и решение типовых задач бэкенд-программиста, таких как аутентификация, авторизация и работа с формами.

На протяжении курса вам будет доступен личный наставник, учебный проект — https://giftube.academy и личный проект на выбор.

На старте курса ученики получат готовую вёрстку и техническое задание — за пять недель им предстоит реализовать все технические требования к проекту.

Отзыв одного из выпускников:

> Было реально интенсивно. За короткий срок простым языком было подано столько ценного материала. Показаны пути решения большинства задач серверного программирования, используя лучшие практики. Это оказалось на порядок эффективнее самостоятельного изучения азов PHP. Спасибо.

https://goo.gl/64DVEm
Важнее дизайн или производительность проекта?

Разбираемся какие особенности есть при использования веб-шрифтов.

https://responsivedesign.is/articles/should-i-use-system-fonts-or-web-fonts/
Посмотрим на самые значительные изменения в интерфейсах прошлого года и заглянем в будущее.

https://uxplanet.org/the-state-of-ux-for-2018-4b2ea908c837
С 26 февраля — 4 апреля 2018 года пройдёт интенсив «Профессиональный HTML и CSS, уровень 1». Запись открыта.

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

https://goo.gl/Lntgff

Интенсив — это пять недель работы над проектом. Лекции ведут четыре опытных преподавателя, а с работой над проектом помогает личный наставник — практикующий разработчик.

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

Курс рассчитан на новичков и начинающих верстальщиков. Подойдёт он и для систематизации уже существующих знаний.

«HTML и CSS, уровень 1» включает 20 часов онлайн-вебинаров, с возможностью задать вопрос лектору, 36 интерактивных демонстраций, на которых пошагово разбираются решения типовых задач, 14 скринкастов, объясняющих нюансы вёрстки, 6 дизайн-макетов разной степени сложности и еженедельные консультации с наставником, который поделится секретами мастерства.

Через месяц вы сможете:

— Решать типовые задачи верстальщика;
— Использовать необходимые инструменты для работы;
— Начать карьеру с портфолио.

https://goo.gl/Lntgff
Отслеживание неиспользуемого CSS с помощью инструментов разработчика.

https://blog.cowchimp.com/monitoring-unused-css-by-unleashing-the-devtools-protocol/
Forwarded from Веб-стандарты (Вадим Макеев)
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №106: возвращение из Америки, фронтенд и боль, цикличность в CSS, история флексов, PWA в Safari, как случился Edge и Алекс Могилевский в гостях. Слушайте на Медиуме https://medium.com/p/25cdd941176e или сразу на Ютубе https://youtu.be/CviFQlGu31w.
С помощью тега <time> легко сделать запись даты и времени читаемыми одновременно для людей и машин.

Разберёмся как он работает.

https://pineco.de/better-date-format-with-time-element/
Открыта запись на следующий интенсив «Профессиональный HTML и CSS, уровень 2», который пройдёт c 9 апреля по 16 мая. Минимальная стоимость участия действует до 8 февраля.

https://goo.gl/atbWA2

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

Курс подойдёт выпускникам интенсивов первого уровня и верстальщикам, желающим прокачать навыки.

Вас ждёт пять недель активной работы: 20 часов живых лекций, 5 адаптивных макетов и консультации с личным наставником, во время которых он проведёт ревью кода и поделится секретами мастерства.

Отзыв выпускника прошлого потока:

> До интенсива мне казалось, что я хороший верстальщик. Автоматизацию использую, БЭМ знаю, Гитхабом пользуюсь и адаптивно верстаю. Хотелось проверить свои знания и подтверждения в виде сертификата. Мыслей о том, что я продвинусь вперёд как-то не было. Но оказалось иначе. Как много кроется в мелочах. Узнав о которых чувствуешь, как ты двигаешься выше. После лекции «Производительность», в рабочем проекте, который уже полгода продвигаю, вписал одну строчку и, чудо, на slow 3G начало прорисовки страницы было 12,22s, а стало 3,10s. В четыре раза быстрее. На хорошем интернете показатель стал лучше в полтора раза. Таких фишек и хороших практик за время интенсива дают много. Спасибо Академии за новые знания. Отличный интенсив.

https://goo.gl/atbWA2
Исследование по восприятию пользователем контента в зависимости от расположения.

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

Выводы и советы.

https://www.nngroup.com/articles/zigzag-page-layout/
Отслеживаем производительность сайта с помощью User Timing API.

https://advent2017.digitpaint.nl/12/