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
Ещё есть время влиться в команду и пройти тренажёры бесплатно — https://tml.io/83ei7

Сегодня в полночь станет известна команда-победитель. Все участники получат награду за старания: доступ ко всем платным тренажёрам до 10 августа и приятные бонусы.

Поднажмём!
Canvas API — это интерфейс для отрисовки графики в браузере. Можно создавать игры, анимацию, графику или обрабатывать картинки.

Давайте познакомимся с некоторыми базовыми возможностями Canvas и построим график.

https://tml.io/t54mc

🌚Бонус в конце статьи: пошаговая демонстрация, где можно поэкспериментировать.
Участники Джаваскриптона, не забудьте забрать свою награду — https://tml.io/83ei7
Генератор цветовых тем Юлии Бухваловой: история возникновения и варианты использования.

http://css.yoksel.ru/color-themes-generator/
Читаем все ваши отзывы после окончанию курсов, чтобы становиться только лучше. В этом выпускница «HTML и CSS. Профессиональная вёрстка сайтов» #28 Дарья Харченко рассказывает, как решилась пойти учиться, и что её мотивировало дойти до конца 💪🏻

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

Исходные данные — 28 лет, типичный гуманитарий, всю жизнь работала маркетологом в IT компаниях, опыт в программировании и вёрстке нулевой. Перед стартом курса прошла пару глав интерактивных курсов, не более того. Разработчиков и индустрию обожаю, всегда хотела стать частью этого мира, но боялась. Пандемия с локдауном дали мотивирующий пинок и я решила, что терять нечего, надо пробовать. И понеслась!

Лекции смотреть было интересно, Вадим Макеев и Николай Шабалин отличные педагоги и очень харизматичные ребята! Структура курса выстроена продуманно и очень хитро. Первые темы легко усваиваются, домашки делаются как по маслу и ты воодушевляешься от своей талантливости! Но это происходит ровно до пятой лекции по CSS. Тебя опускают на землю и начинается настоящая работа. Работа над кодом, над собой, над ленью и отчаянием. А вот с этим уже мне отлично помогал наставник, за что ей безумно благодарна!

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

Своим личным проектом выбрала «Девайс» просто потому, что все остальные не нравились по дизайну. Было сложно, на сетках хотелось всё бросить и сдаться. Не раз садилась, писала несколько часов код, ничего не получалось, удаляла и начинала с контрольной точки. Масло в огонь подлили обстоятельства, из-за которых не смогла заниматься большую половину июня. В итоге за 1,5 недели до защиты наставник привел меня в чувства, замотивировал и начался режим «сдохни или умри». Дни и ночи без сна, синяки под глазами, голодный желудок, нервы и вот это вот всё. Не повторяйте моих ошибок! Не затягивайте с проектом, занимайтесь ежедневно, хотя бы по чуть-чуть.

По итогу недельного кранча проект доделала и защитила. Это был интересный опыт и я бесконечно благодарна своему наставнику, без неё я бы опустила руки и не справилась. С уверенностью могу рекомендовать HTML Академию и интенсив «HTML и CSS. Профессиональная вёрстка сайтов». С нетерпением жду новых приключений на втором интенсиве!»
Интеллект-карта — это графический метод, который помогает создать визуальное представление информации. Интеллект-карты можно использовать, пожалуй, для чего угодно. Но в разрезе обучения они пригодятся, чтобы обобщить и структурировать информацию, проследить связи и закономерности.

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

Кстати, интеллект-карты отлично подходят для конспектирования. О других методах ведения конспектов мы писали в нашем блоге — https://tml.io/v0yq6
Перевод статьи Ахмада Шадида про множественные фоны в CSS. Он объясняет на примерах, как и зачем комбинировать несколько фонов у одного элемента.

https://habr.com/ru/company/ruvds/blog/512864/
​​12 августа в 19:30 по московскому времени прямой эфир с выпускающим редактором Т—Ж 🔥

Наша выпускница Евгения Изотова расскажет, как устроена работа в редакции, как знания HTML и CSS могут открыть неожиданные карьерные перспективы, и про опыт работы с выпускниками Академии.

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

https://web-standards.ru/articles/accessible-to-some/
Доменное имя сайта — это его адрес в интернете. Но от одного адреса толку мало, нужно, чтобы там, куда этот адрес ведёт, что-то находилось. Чтобы мир увидел сайт, интернет должен знать, куда направлять пользователей. Иначе говоря, нужно «привязать» доменное имя к конкретному компьютеру.

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

Хостинг — это услуга по размещению сайта на специальном компьютере (его ещё называют сервером), который почти никогда не выключается и всегда доступен онлайн. Хостинги бывают бесплатными (например, GitHub Pages) и платными, которые обычно предоставляют больше возможностей.
Про свойство drop-shadow: где применять и в чём его отличие от box-shadow.

https://css-irl.info/drop-shadow-the-underrated-css-filter/
Раз в неделю присылаем редакторское письмо с полезными статьями о работе и жизни для начинающих веб-разработчиков. Уже сегодня вечером новый выпуск

Подписывайтесь тут — https://l.htmlacademy.ru/digest
На асинхронном курсе «Анимация для фронтендеров» учебный проект — промо-страница фестиваля иллюзионистов «Иллюзион», которая, как и сам фестиваль, не должна оставить равнодушным ни одного посетителя. На её примере мы расскажем и покажем, как правильно делать крутые анимации.

После этого вы сможете попрактиковаться, выполняя задания по личному проекту — сайту конкурса-игры «Таинственный отпуск». Вам предстоит сделать анимации для сайта, где игрокам предстоит угадать пункт назначения путешествия. Чтобы попробовать свои силы, им нужно будет сыграть в чате с ботом ИИ «Соня». А вам — с помощью анимаций создать весёлую атмосферу развлечения.

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