if, else, else if

Что это: очень короткая заметка о том, как работает ветвление в JavaScript.

Коротко: представьте, к каким действиям приведёт выполнение условий. И в первые 20 раз нарисуйте на бумажке. И вспомните фильм «Начало». И хватит работать, уже пятница.

👉 https://htmlacademy.ru/blog/js/else-if

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

Раздаём промокоды, грант на обучение в размере 50 000 ₽, скидки и бесплатную подписку на месяц. Ищите иконку подарка на сайте и вперёд!

Начать поиски: https://htmlacademy.ru

<search>

Рассказываем, зачем лично вам использовать этот новый HTML-элемент 👉️️️️️️ https://htmlacademy.ru/blog/html/search

Сопроводительные письма — тоска

Рассказываем, как писать их легко и непринуждённо 👉️️️️️️ https://htmlacademy.ru/blog/job/letter

#золотойфонд

Свойство filter

Что это: потрясающей красоты заметка об одном CSS-свойстве, в которой больше картинок, чем текста.

Коротко: наглядно показываем девять способов накрутить графона на фотографии с помощью CSS и рассказываем, как всё это счастье настроить.

Где пригодится фронтендеру: в очередном аналоге соцсети с фоточками.

👉️ https://tml.io/filter

#золотойфонд

Пройдите фронтендерский психологический тест.

Перед вами фигура с толщиной линии 14 пикселей:

Вы в порядке

Если фигура выше показалась вам странной, то вам не показалось.

Свойство border-radius позволяет скруглять углы у элементов на странице, причём для каждого угла задаётся свой радиус. У этой почти окружности border-radius такой:

border-radius: 179px 185px 181px 189px;

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

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

👉 Лучше задавайте одинаковые значения для border-radius, если у вас нет особой дизайнерской задумки — так и ваше чувство прекрасного, и ваши пользователи целее будут.

HTML Academy у многих ассоциируется с тренажёрами, котом Кексом и испытаниями на пиксель пёрфект.

Всё это сущая правда.

А тренажёры вообще никогда не поздно перепройти 👉️️️️️️https://tml.io/courses_1004

Что появилось раньше — дип пёрпл или интернет эксплорер?

Сложный тест про браузеры от HTML Academy, в котором практически невозможно набрать 100%. Потому что кто вообще помнит про браузер Maxthon?

👉️️️️️️ https://l.htmlacademy.ru/quiz/browsers

Учебник по PHP

Если вам нужно с чего-нибудь начать изучение PHP, то у нас есть для вас настоящий учебник.

18 глав, онлайн, бесплатно 👉️️️️️️ https://htmlacademy.ru/blog/php/tutorial

Старты курсов в апреле

Весной в HTML Academy всегда бурлит жизнь, ведь начинаются новые потоки профессий и курсов. Принесли график и скидки — вдруг вы соберётесь учиться или уже собрались, но всё никак не запишетесь.

15 апреля — профессия «Фронтенд-разработчик»;

22 апреля — курс «JavaScript. Архитектура клиентских приложений»;

23 апреля — курс «Node.js. Профессиональная разработка REST API».

Кстати, на профессию «Фронтенд-разработчик» сейчас скидка 15%. На ускоренном тарифе обучение стоит 143 650 ₽ вместо 169 000 ₽, а на индивидуальном тарифе — 271 150 вместо 319 000 ₽.

🤌 Забрать скидку

Приходите учиться, у нас здорово.

Кстати, если вам вдруг маловато нас, то вот где ещё подписаться на Академию:

👉️️️️️️«Доктайп» — опросы и безумие
👉️️️️️️ Ютуб — фронтенд-инженерия и шортсы
👉️️️️️️ ВК — если телеграм надоел
👉️️️️️️ Дзен — если ищете новых ощущений

Ну и продолжайте не отписываться здесь так долго, как можете 💙

Наш наставник Евгений Лепёшкин записал лекцию о современной типографике.

Очень важное видео для всех, кто занимается вебом в 2024.

https://www.youtube.com/watch?v=7ODn59fMKjQ

[Лайв] Встреча компании Purrweb со студентами профессии «Фронтенд-разработчик»

Борьба работодателей за выпускников HTML Academу начинается с самого начала обучения. Ведущие разработчики компаний встречаются со студентами, рассказывают про свои задачи, стек технологий, делятся опытом. А студенты после выпуска выбирают эти компании.

Сегодня в 18:30 студенты профессии «Фронтенд-разработчик» встретятся с техническим директором компании Purrweb Сергеем Пономарёвым. Встреча пройдёт на платформе Академии, внутри интерфейса профессии.

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

Встреча пройдёт здесь, заходите https://www.youtube.com/watch?v=CcDgWKjt4KA

Код сурка. Сезон 2 😨

Ваша любимая игра «Код сурка» возвращается, на носу второй сезон.

Мы приготовили больше 500 новых вопросов о веб-разработке и бережно сохранили несколько особо полюбившихся старых. Отвечайте, зарабатывайте баллы и получайте призы от HTML Academy.

По традиции на время игры с 22 по 27 апреля дадим участникам бесплатный доступ к тренажёрам и эксклюзивную ачивку в профиле

О правилах, призах и вопросах будем рассказывать всю следующую неделю — следите за анонсами.

А пока присоединяйтесь — будет очень интересно.

👉️️️️ Играть

Помните, что у нас есть «Лига А.»?

Это агентство от HTML Academy, которое занимается вёрсткой и фронтендом превращает любой дизайн в код. Для диджитал‑агентств, компаний и продуктовых команд.

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

Короче, клиентов и проектов стало больше, а ребята сильнее. Обо всём этом они рассказывают в своём телеграм-канале.

Выбирайте пост для себя и читайте

👉 Как подходить к разработке сайтов-подборщиков. Рассказываем на примере кейса на React.js

👉 Платный devmode нас не остановил. И мы нашли плагины в Фигме, которые его заменяют.

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

22 апреля стартует «А р х и т е к т у р а клиентских приложений», курс для тех, кто хочет разобраться со SPA, ООП, MVP и HTTP, но при этом не потерять свои великолепные знания в JavaScript.

Самым решительным и быстрым — скидка 15% по промокоду JSBRO до 21 апреля.

👉 Записаться

Призы на «Коде сурка — 2»

Обещали рассказать вам, что сулит второй сезон «Кода сурка» победителям. Рассказываем:

🥇 1 место — профессия «Фронтенд-разработчик» или «JavaScript-разработчик» на выбор (в ускоренном формате)
🥈🥉 2-3 места — «Современная фронтенд-инженерия» или «Современная UI-инженерия», или любой из курсов для новичков на выбор;
💪 4-10 места — любой курс из профессий на выбор, хоть для джунов, хоть для мидлов;
🤖 11-30 места — доступ к тренажёрам до конца июня;
🚀 31-100 места — доступ к тренажёрам до конца мая;

Плюс всем участникам, вне зависимости от набранных баллов, светит уникальная ачивка в профиле Академии.

Присоединяйтесь — шансы есть у всех и до самого конца. Главный секрет — играть регулярно.

👉️️ Играть в «Код сурка»

#кодсурка

Пройдите простой тест — определите, каким будет значение background-color в первом и во втором варианте, и почему именно так?

----------------

Если засомневались — читайте статью «Как работает каскад в CSS», там мы очень понятно всё объясняем на картинках и примерах кода.

👉️️️️ https://htmlacademy.ru/blog/css/cascade-works

Как сверстать доступный сайт

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

Критерии доступности сайта определяются рядом стандартов Web Content Accessibility Guidelines или WCAG, которые регулируют, какие функциональные возможности должны быть доступны на сайте.

Подробнее — в «Доктайпе»

👉️️️️ https://htmlacademy.ru/blog/html/accessibility

#золотойфонд