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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №229: Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность. Слушайте на Ютубе https://youtu.be/TG0RAmf_tYA, читайте на Медиуме https://medium.com/p/722b92c39c12
229. Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces…
Веб-стандарты
00:01:00 События
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность
Примеры использования свойства border для разных эффектов оформления.

https://www.blog.duomly.com/css-border-with-examples-tutorial/
​​На прошлой неделе мы поговорили с тимлидом компании Ostrovok.ru об опыте найма выпускников Академии, как строится разработка в компании, про удалённую работу, коммуникацию в команде, и о том, что должен знать начинающий фронтенд-разработчик, чтобы быть востребованным.

Посмотрите запись, если пропустили.
​​Лайв с Алексеем Симоненко уже начался.

Сегодня говорим про JavaScript: как учить, где применять.
Полное руководство по функциям в CSS.

https://css-tricks.com/complete-guide-to-css-functions/
Статьи для начинающих специалистов, рассказывающие, какие ошибки нельзя делать в резюме и во время собеседования, если они хотят устроиться на работу:

«17 ошибок, которые испортят любое резюме» — https://tml.io/b7qxw

«Как не устроиться на работу» — https://tml.io/dtua7
Серия статей с примерами вёрстки популярных компонентов интерфейса.

https://moderncss.dev/
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №230: Aspect ratio, реклама, appearance: none, top-level await, Deno, хранилище, цена стилей. В гостях Андрей Мелихов. Слушайте на Ютубе https://youtu.be/EoIp_uhO40Y, читайте на Медиуме https://medium.com/p/47c7909a7874
230. Aspect ratio, реклама, appearance: none, top-level await, Deno…
Веб-стандарты
00:00:00 Интро
00:01:07 События
00:03:35 Aspect ratio, DevTools, реклама
00:17:46 Кроссбраузерный appearance: none
00:23:40 Top-level await в Node.js
00:34:52 Deno вместо Node
00:54:25 Постоянное хранилище
01:02:15 Дорогая цена стилей
Использование CSS-масок для создания у изображения зубчатых краёв.

https://css-tricks.com/using-css-masks-to-create-jagged-edges/
На днях Фейсбук купил сервис для поиска гифок Giphy за 400 млн долларов. Сделка, конечно, не ахти — бывали у ребят покупки и покрупнее — но никогда не поздно подсуетиться и запустить свой Инстаграм.

Поэтому наш редактор Женя пошёл на сайт с курсовыми работами для третьекурсников и нашёл там ещё 5 идей, которые могут принести создателям миллионы 😜
Вторая часть цикла статей про инструменты разработчика. Продолжаем вас знакомить с Chrome DevTools, в этот раз — про Console, Sources и Network.
Отзыв выпускницы «JavaScript. Профессиональная разработка веб-интерфейсов» #19 Анны Силаевой:

«Затянула меня Академия. Ведь я всего лишь хотела вёрстку поучить, а уже закончила этот курс и жду начала «JavaScript. Архитектура клиентских приложений».

Основная моя мысль — было сложно, но очень интересно! Мозги скрипели, сон был забыт, а кофе я пила вместо воды. Но каждый день возвращалась к редактору кода. Насколько это было сложно, ровно настолько же было захватывающе узнавать новое, смотреть лекции, выполнять домашние задания.

Я очень страдала от того, что моя защита на втором уровне вёрстки сильно затянулась, и я толком не успела подготовиться. Если бы было время, то всё прошло бы гораздо проще. При этом мне очень повезло с крутым наставником. Алексей, спасибо! Повезло с крутым потоком, где все готовы помочь, поддержать, ответить на вопрос или хотя бы пострадать всем вместе.

В общем, если вы новичок в программировании, не теряйте время — ГОТОВЬТЕСЬ!»

Новый поток курса «JavaScript. Профессиональная разработка веб-интерфейсов» стартует уже 26 мая.

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

https://www.smashingmagazine.com/2020/05/accessible-images/
​​Псевдоклассы — это дополнения к обычным селекторам, которые позволяют стилизовать элемент на основе его положения в документе или действий пользователя.

Псевдокласс добавляется к селектору c помощью символа :, вот так селектор:псевдокласс. Список существующих псевдоклассов можно посмотреть в спецификации. А в наших интерактивных курсах потренироваться в их применении.
Когда появились первые браузеры? Сложный тест для тех, кто видел все этапы современного интернета. Внутри боль, радость, счастье и разочарование.

Сколько дали правильных ответов? 🤓
Создание эффекта фейерверка при нажатии на кнопку.

https://css-tricks.com/playing-with-particles-using-the-web-animations-api/
Руководство для новичков по работе с HTML-кодом на своём компьютере: разбираемся, в чём его писать и как запустить.
​​Открыли запись на новые потоки профессий:

«Фронтенд-разработчик» (7 сентября 2020 — 28 марта 2021)

«React-разработчик» (7 сентября 2020 — 1 августа 2021)

Если у вас есть вопросы про обучение, программу и трудоустройство — оставьте на сайте заявку на консультацию. Мы свяжемся с вами и постараемся помочь 😊
«Акселератор» мы запустили полгода назад. За это время его прошли 65 человек, а вместе они закончили 96 проектов.

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