HTML Academy

2023-03-30 13:47:31 #Задача

Во время вёрстки интернет-магазина, вы столкнулись с тем, что при переполнении контента ломается дизайн. Ваши действия?

Ответ опубликовали на канале «Как стать мидлом».

#htmlacademy_полезное Открыть/Комментировать

2023-03-28 16:46:20 Что почитать начинающему разработчику?
Собрали подборку книг, которая поможет понять, как попасть в мир IT, развиваться в карьере и чего ждать от профессии.

#htmlacademy_статьи Открыть/Комментировать

2023-03-25 12:09:51 Изучите основы JavaScript бесплатно на тренажёрах по программированию.

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

Клик для начала тренировки — https://tml.io/hl82p

#htmlacademy_обучение Открыть/Комментировать

2023-03-24 16:55:12 Через 5 минут наша сммщица начнёт проходить мастер-класс «Создание семантической разметки по макету» в прямом эфире, присоединяйтесь. https://t.me/+-di3KiTaEsg3MTQy Открыть/Комментировать

2023-03-24 14:35:18 Информация для тех, кому предстоит поддерживать проекты на Vue2 и мигрировать на Vue3

31 марта мы закрываем продажи курса по Vue2. Прямо сейчас и до конца марта можно купить два курса Vue2+Vue3 со скидкой 25%.

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

Приобрести пакет курсов.

#htmlacademy_обучение Открыть/Комментировать

2023-03-24 11:41:13 Давным-давно почти все делали сайты и не переживали о том, что под капотом. Но мы же с вами не из их числа?

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

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

#htmlacademy_статьи Открыть/Комментировать

2023-03-23 12:27:23 — Как получить образование как в вузе?
Всё просто, записывайтесь на наши курсы и вы получите те же знания, что и в лучших технических вузах.

— Как так?
С 2015 года вместе с ИТМО мы обучаем всех желающих на «Открытом образовании». В этом учебном году крупные университеты: Уральский федеральный, Казанский федеральный, Самарский, Тольяттинский университеты обучают по нашим программам 2400 своих студентов, как первокурсников, так и старшекурсников.

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

Что ещё ждёт тех, кто решится сменить профессию вместе с Академией?

➜ Код с первых дней.
Во время подготовительного раздела вам предстоит пройти курс «Старт в программировании».

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

➜ Интенсивное обучение технологиям.
Профессии состоят из курсов по HTML и CSS, JavaScript, React, Node.js, у каждой профессии свой набор программ. Обучение на одном курсе длится примерно два месяца. За это время вы успеете поработать над личным проектом с наставником, обсудить сложные моменты с авторами курсов на ретроспективах и защитить диплом.

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

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

95% студентов, которые успешно проходили все три этапа, успешно устроились на новую работу.

Выбирайте профессию и переходите по ссылке, чтобы пройти этот путь с нами:
Фронтенд-разработчик, старт 11 апреля.
JavaScript-разработчик, старт 16 мая.
Фулстек-разработчик, старт 16 мая.

Прямо сейчас можно забронировать место на профессии с выгодной скидкой, подробности на сайте. Открыть/Комментировать

2023-03-23 12:27:23 Открыть/Комментировать

2023-03-22 10:32:16 Фронтенд-новости 48. Свежие статьи и новости веб-разработки за последнюю неделю.

 Что нового

TypeScript 5.0. Декораторы, улучшенная поддержка проектов ESM для Node и упаковщиков, const параметры типов и многое другое.

Transformers.js: запуск моделей машинного обучения в браузере.

Проекту Электрон — 10 лет. Вау. Сколько ж всего на нём понаделали.


HTML и CSS

Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом.

Как понять комбинаторные селекторы и селекторы потомков в CSS.

Шесть CSS-сниппетов, которые должен знать каждый фронтендер в 2023.

Выбор предыдущих родственников (ну те, которые siblings) с помощью CSS :has()

Десять советов по улучшению CSS-переходов и анимации.

«Сначала дизайн, потом сборка»: давайте разберёмся с этим мифом навсегда. Не ждите, пока дизайнеры всё додизайнят — делайте.

Создание часов с новыми функциями CSS sin() и cos(). Тригонометрия (вспомнили, вздрогнули?) теперь есть в последних версиях Firefox и Safari.

Не ставьте одинаковые радиусы скругления внутри и снаружи чего угодно.

Как изменить фавиконку при переключении вкладок браузера.

Календари с учетом доступности и интернационализации.

Вложенность в CSS. Узнайте, как CSS Nesting позволяет использовать любимую функцию препроцессора в Интернете.

Все, что вам нужно знать о пробеле после маркера списка.


JavaScript

В каком порядке перечисляются ключи в объектах: случайном или по определённым правилам? Игорь Антонов с подробным видеоразбором.

Создание и загрузка текстовых файлов с помощью JavaScript.

Постепенное улучшение таблицы с помощью веб-компонента — создание оболочки веб-компонента для добавления сортировки таблиц.

Что такое Vite и зачем его использовать вместо CRA?

Список пожеланий для компилятора React.

Как перетаскивать штуковины в React

«Пять ошибок, которые я совершил, начиная свой первый проект React»

Ленивая загрузка маршрутов в React Router 6.4+

Как отлаживать ошибки сегментации узла. Нормальные исключения — это одно, но когда вы сталкиваетесь с чем-то столь загадочным, как «ошибка сегментации (сброс ядра)», что вам делать?


Подпишитесь на @html_blog, чтобы не пропустить новые выпуски. Открыть/Комментировать

2023-03-21 17:01:24 Как не страдать во время обучения — подборка статей для учащихся.
Поджимают дедлайны. А-а-а-а, что делать?
Как пройти тренажёры, даже если вы гуманитарий.
Как учиться самостоятельно.

#htmlacademy_статьи Открыть/Комментировать