Подкаст «Про код», эпизод 5. В этот раз больше говорили о разработке и почти уложились в час. Вот темы и таймкоды:

00:00:00 Начало
00:00:45 Зачем джуну новый отладчик в Chrome DevTools
00:20:42 Vite 4.3 и немного о судьбе Create React App
00:34:00 Rust быстрее Node.js обрабатывает CSV и другие невероятные открытия
00:46:31 Почему мы ничего не запоминаем из книг о разработке

—

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

#htmlacademy_полезное

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

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

У вас работа, дом, семья и вы не можете уделять 15 часов на обучение, а профессию сменить хочется — не беда, наши адвайзеры изучат вашу ситуацию и составят такое расписание, чтобы вы и с детьми время провели, и на работе всё успели, и домашнее задание вовремя сдали, и отдохнуть не забыли.

Плюсы индивидуального формата:

🔥Старт обучения в любое время, хоть сегодня.
Срок начала обучения устанавливаете вы, поэтому не надо ждать несколько месяцев до старта следующего потока курса.

🔥Персональное расписание.
Обычные курсы длятся 2 месяца со средней нагрузкой 15 часов в неделю. В индивидуальном формате можно составить расписание с любой нагрузкой: можно учиться сверхинтенсивно в стиле буткемпа, а можно наоборот размеренно и спокойно.

🔥Подбор опытного наставника до старта обучения.
Мы подберём вам опытного наставника, за плечами у которого работа с десятками студентов. Позаботимся, чтобы стиль и формат работы наставника вам подошёл.

🔥Увеличенный объём работы с личным наставником.
В индивидуальном формате и работа с наставником исключительно индивидуальная. Её объём — от 20 до 30 часов в зависимости от персонального расписания.

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

Узнать больше об условиях обучения на сайте.

#htmlacademy_обучение

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

Читать статью — https://tml.io/15vao

#htmlacademy_статьи

💣 Ура! Стартовал новый поток профессий «JavaScript-разработчик» и «Фулстек-разработчик».

Профессия — это практический курс для тех, кто хочет как можно быстрее получить все необходимые знания и устроиться на работу. Вам предстоит программировать веб-интерфейсы с помощью JavaScript и React, улучшать свой код с помощью ревью от наставников, разбирать сложные вопросы на ретроспективах вместе с авторами курсов и проходить стажировку в Лиге А.

На профессии «Фулстек-разработчик» вы дополнительно научитесь разрабатывать бэкенд для веб-приложений с применением современного стека: Node.js LTS, TypeScript, Express.js, Nest.js, Mongoose/Typegoose, Prisma ORM, Got, Multer.

Вот что нужно знать о курсе ↓

👉 Сегодня стартует подготовительный раздел. Этот модуль предназначен, чтобы подготовить полных новичков к успешному освоению профессиональных навыков веб-разработчика. Важно! Студенты, которые полностью проходят этот раздел, чувствуют себя увереннее во время основного обучения. Поэтому лучше не затягивать и записываться на профессию как можно раньше.

👉 Профессию можно оплатить целиком или в рассрочку без переплат на 12, 18 или 24 месяца. Стоимость обучения на профессии «JavaScript-разработчик» стартует от 7 450 ₽ в месяц, «Фулстек-разработчик» от 9 120 ₽ в месяц.

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

👉 Профессия «JavaScript-разработчик» длится 1 год и 2 месяца, включает в себя два курса по JavaScript и один по React, затем начинается практическая часть обучения.

👉 Профессия «Фулстек-разработчик» длится 1 год и 7 месяцев, включает те же курсы, что и «JavaScript-разработчик», плюс два курса по Node.js, затем также идут полгода практики.

Записаться на профессию «JavaScript-разработчик» — https://tml.io/xxyjd

Записаться на профессию «Фулстек-разработчик» — https://tml.io/bcobu

#htmlacademy_обучение

Новый курс «Доступность веб-интерфейсов».

Доступность в веб-разработке имеет как этическое, так и практическое значение.

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

Чему научитесь:

👉 Выявлять нарушения доступности в вёрстке и корректировать их.

👉 Добавлять интерактивность без потерь для веб-доступности.

👉 Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов.

👉 Принципам доступности с клавиатуры, управлению фокусом.

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

👉 Определять контрастность цветов и удобные размеры элементов и областей.

👉 Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект. И интерактивных элементов и блоков: модальных окон, табов.

До 28 мая на курс действует скидка 30%, стоимость при оплате целиком 9 781₽, в рассрочку на 6 месяцев 1 630₽/месяц — https://tml.io/mamui

Про ChatGPT чего только не рассказывали. И диплом с ним писали, и код кодили, даже резюме делали. Но никто не идеален, поэтому слушаем ваши варианты

ChatGPT бесит, потому что …

В нельзяграме сейчас проходит розыгрыш фирменной толстовки от Академии, все подробности в последнем посте @htmlacademy 🤭

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

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

Подписаться — https://tml.io/3q4w3

🎙 Подкаст «Про код», эпизод 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_полезное

У вас были кринжовые причины отказов в работе? Пишите в комментариях свои истории 👇

Фронтенд-новости 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, чтобы не пропустить новые выпуски.

Какие форматы обучения доступны в Академии.

Вы решили сменить профессию и выбрали для обучения 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 месяца будете готовы к поиску работы.