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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Про ChatGPT чего только не рассказывали. И диплом с ним писали, и код кодили, даже резюме делали. Но никто не идеален, поэтому слушаем ваши варианты

ChatGPT бесит, потому что …
👍2
В нельзяграме сейчас проходит розыгрыш фирменной толстовки от Академии, все подробности в последнем посте @htmlacademy 🤭
👍2
Подписывайтесь на наш второй канал в Телеграме «Как стать мидлом».
Здесь мы публикуем материалы про карьерное развитие в профессии, TypeScript, Webpack, анимации, паттерны и другие технологии для опытных фронтенд-разработчиков.

Читайте на канале:
Как по описанию вакансии понять, кого ищет компания.
Как составить резюме исходя из анализа вакансии.
Что почитать для роста до мидла в блоге.

Подписаться — https://tml.io/3q4w3
👍4
🎙 Подкаст «Про код», эпизод 6. Отказ от паролей, апдейт VS Code и менеджер версий Node.js

Коротко: обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023.

00:00:00 Начало
00:00:35 Обновки VS Code
00:21:30 Passcode в Гугл-аккаунтах
00:29:35 :root не является глобальным
00:36:51 Медиавыражение update
00:43:45 Менеджер версий Node.js
00:58:28 Памятка по доступным размерам элементов

💫️️️️Слушайте «Про код» на любимой площадке — https://tml.io/procode

#htmlacademy_полезное
🔥6👍5❤1
У вас были кринжовые причины отказов в работе? Пишите в комментариях свои истории 👇
Forwarded from Доктайп
Фронтенд-новости 57. Дайджест новостей и полезных статей о фронтенде.

💫Релизы

jQuery 3.7.0 (что? да!). Добавлен метод .uniqueSort(), поддержка большего количества безблочных свойств CSS, исправление отрицательных полей в outerHeight(true) и изменились нативные события фокуса в IE. Срочно обновляйтесь!

Legend-State 1.0 — супербыстрая библиотека состояний React, основанная на Observables.

Safari Technology Preview 170. Обновления в CSS, макете, JavaScript, Media, Popover и Accessibility.


🧬 HTML и CSS

Что нового в CSS и UI: Google I/O 2023 Edition — обзор 20 самых классных штучек в веб-интерфейсах, которые недавно появились или будут доступны уже скоро.

Условный CSS с :has и :nth-last-child. :nth-last-child позволяет выбирать элементы, считая с конца, а селектор :has проверяет, имеет ли родительский элемент определенное количество элементов.

Семантика и атрибут popover: что и когда использовать? В HTML5 появился новый атрибут popover, который добавляет поведение, но не меняет семантику элементов.


🏝️ JavaScript

Нужна полная поддержка типов без TypeScript? Используйте аннотации JSDoc — они предлагают те же возможности статического анализа, что и TypeScript.

Предложение Promise.withResolvers stage 2 направлено на упрощение создания промисов с помощью статического метода в конструкторе Promise.

Ваши тесты Jest могут быть неправильными, а настройки clearMocks, resetMocks, restoreMocks и resetModules могут усложнить вам жизнь.

Учебник по React с TypeScript поможет вам освоить все необходимые навыки, включая типизацию компонентов, работу с хуками и многое другое.

Как разработчики Node.js снизили затраты на сериализацию строк при парсинге URL в Node.js, благодаря оптимизациям, которые привели к выпуску Ada v2.0.0.

В Chromium появился новый подход к headless.

Новый Bundler от Bun: в 220 раз быстрее, чем webpack? Новый бандлер отличается слаженностью, скоростью и предоставляет унифицированный API плагинов.


🦭 Общее

Как превратить Android-смартфон в веб-сервер, к которому можно получить доступ по общедоступному URL-адресу. Для этого понадобится Termux.

Как Google пытался исправить Интернет захватив его. AMP-страницы должны были помочь Google в развитии мобильного интернета. Сейчас AMP уже толком не работает, и Google ищет свой следующий шаг.

Если используете Web SQL, то уже начинайте планировать его замену. В Chromium 97 была удалена поддержка Web SQL для сторонних контекстов, а в следующих версиях функция будет удалена для всех контекстов.

—

Подпишитесь на @html_blog, чтобы не пропустить новые выпуски.
👍7❤1😁1
Какие форматы обучения доступны в Академии.

Вы решили сменить профессию и выбрали для обучения HTML Academy, теперь нужно подобрать подходящий формат, вот какие сейчас доступны:

☞ Стандартное обучение на профессии.
Для тех, кто хочет получить серьёзный результат в интенсивном ритме. Подойдёт, если вы хотите получить профессию за относительно короткий срок, совмещая с основной работой. Обучение новой профессии длится год и несколько месяцев, из которых около 10 месяцев идёт обучающая часть и 6 месяцев полностью практическая.

Стоимость от 4 690 ₽ в месяц.

Узнать больше — https://tml.io/ezgvy

☞ Индивидуальный формат.
Для тех, кто хочет обучаться в собственном темпе. Подойдёт, если вы ищете максимально эффективный способ сменить профессию. Обучение проходит один-на-один с подобранным лично под вас наставником и индивидуальным расписанием. Можно проходить обучение очень быстро или наоборот в более спокойном режиме.

Стоимость от 8 050 ₽ в месяц.

Узнать больше — https://tml.io/slmn3

☞ Буткемп.
Для тех, кто хочет получить профессию «Фронтенд-разработчик» как можно быстрее. Подойдёт, если у вас много свободного времени. Это интенсивное обучение с опытным наставником в формате один-на-один, 8 часов в день 5 дней в неделю. Весь курс длится 4 месяца.

Стоимость от 9 625 ₽ в месяц.

Узнать больше — https://tml.io/qzvrk

Как выбрать?
Разберём на примере профессии «Фронтенд-разработчик». Обучение на этой профессии стартовало 22 мая, но ещё можно успеть присоединиться к курсу.

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

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

Если же хотите двигаться быстрее, чем предлагает программа стандартного обучения и готовы уделять этому много времени, вам больше подойдёт буткемп. В этом формате вы уже через 4 месяца будете готовы к поиску работы.
🔥5❤1
Какой формат вам нравится больше?
Anonymous Poll
37%
Стандартное обучение
42%
Индвидиуальный формат
22%
Буткемп
👍1
Новости от наших друзей с Хабр Карьеры 🔥

Сегодня на Хабр Карьере обновился раздел «Образование» — теперь это маркетплейс курсов в IT, где айтишники могут подбирать курсы под свою специализацию, рекомендовать их другим и оставлять отзывы. В честь запуска Хабр Карьера устраивает праздник и всем, кто оставит отзыв, дарит подарки от разных школ дополнительного IT-образования.

Подарки от нас там тоже есть.

Чтобы забрать подарки, вам нужно оценить курс на Хабр Карьере, который вы проходите или проходили, затем поставить галочку «Хочу получить подарок» на странице оценки. После этого ищите письмо с бонусами на своей почте, выбирайте курсы, активируйте подарок и учитесь на здоровье.

Посмотреть новый раздел и оставить отзыв можно по ссылке — https://tml.io/yqwaw

#htmlacademy_полезное
🔥14👍3😁1
Почему пройдя курсы вы не устроитесь на работу?

А может, всё-таки устроитесь?

Разберёмся 31 мая в 13:00 — Артём Альтигин из «Лига А.» в прямом эфире расскажет, почему курсы без практики не имеют смысла, чем выделяются наши выпускники при трудоустройстве и почему на рынке до сих пор нет аналогов Лиге.

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

Записаться на лайв — https://tml.io/5xzmg

#htmlacademy_мероприятия
🔥8👍3❤1🌚1
Вы начали верстать макет:
☞ Создали файл разметки с базовым шаблоном кода.
☞ Выделили основные структурные блоки.
☞ Внутри этих блоков выделили смысловые разделы.
☞ Разметили заголовки.

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

div — универсальный контейнер для любых блоков и текста,
p — универсальный контейнер для текстовых блоков,
span — универсальная текстовая обёртка.

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

#htmlacademy_полезное
👍30❤1