Forwarded from Как стать мидлом
«Maximum call stack size exceeded» (или «too much recursion» в Firefox) — знакомая ошибка? Рекурсия по глубокой структуре упирается в лимит стека вызовов: каждый вызов кладёт кадр на стек, пока тот не переполнится.
В курсе «Алгоритмы и структуры данных» этому посвящён отдельный раздел — ту же рекурсию переписывают на явный стек, данные уезжают в кучу, и жёсткий лимит стека вызовов больше не мешает. И так все 10 разделов на JavaScript, от
Последние часы скидки 60% по промокоду ALGO60 — до конца воскресенья.
🔄 Смотреть программу
В курсе «Алгоритмы и структуры данных» этому посвящён отдельный раздел — ту же рекурсию переписывают на явный стек, данные уезжают в кучу, и жёсткий лимит стека вызовов больше не мешает. И так все 10 разделов на JavaScript, от
O-нотации до динамического программирования: каждый на реальной задаче фронтенда. #htmlacademy #levelupПоследние часы скидки 60% по промокоду ALGO60 — до конца воскресенья.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3⚡1👏1
Сделать цвет светлее на 10% или подобрать гармоничный акцент — с HEX, да и с HSL, это всё ещё угадайка. Скажем, в HSL
Для дизайн-систем это упрощает многое. Палитру собираете, меняя только H. Тёмную тему переключаете через L в CSS-переменных. Чтобы перекрасить весь бренд, хватает одной переменной
Поддержка: Chrome 111+, Firefox 113+, Safari 15.4+, для старых браузеров — фолбэк на HEX. В статье — слайдеры L, C, H, на которых видно, как меняется цвет. #css #baseline
🔵 Читать статью
lightness: 50% у жёлтого и синего даёт разную видимую яркость: жёлтый светлее.oklch() берёт три параметра: L (яркость от 0 до 1), C (насыщенность от 0 примерно до 0.4) и H (оттенок в градусах от 0 до 360). Ключевое — перцептивная равномерность: при равном L цвета воспринимаются почти одинаково яркими, куда ровнее, чем в HSL.Для дизайн-систем это упрощает многое. Палитру собираете, меняя только H. Тёмную тему переключаете через L в CSS-переменных. Чтобы перекрасить весь бренд, хватает одной переменной
--brand-h. И ещё oklch достаёт цвета, которых нет в sRGB, — оттенки P3 и Rec2020.Поддержка: Chrome 111+, Firefox 113+, Safari 15.4+, для старых браузеров — фолбэк на HEX. В статье — слайдеры L, C, H, на которых видно, как меняется цвет. #css #baseline
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5👍3
curl <https://api.example.com/user> — и сервер отвечает одной строкой JSON без переносов и отступов. Вложенные объекты, пара килобайт данных, нужное поле где-то внутри. Глазами не найти.jq — это grep и sed, но для JSON. Допишите | jq . в конец команды — и тот же ответ разложится по строкам с отступами.А дальше jq достаёт любое вложенное поле, фильтрует записи по условию, считает агрегаты и вытаскивает токен из ответа авторизации — одной строкой в пайпе с
curl. В статье — интерактивная песочница: меняете фильтр и сразу видите результат на живых данных, плюс синтаксис под каждую задачу. #js #toolsPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4👍2
Через 199 дней — 1 января. Новый год наступит в любом случае. Вопрос только в том, будете ли вы за эти месяцы ближе к работе в ИТ.
Кто-то встретит его с той же мыслью о смене профессии, которая приходит каждый январь и каждый раз остаётся мыслью. А кто-то за эти месяцы заложит базу во фронтенде и соберёт первое портфолио. Разница — в дате старта.
С 16 по 21 июня на сайте крутится «Колесо Фортуны». Один оборот — одна персональная скидка на обучение: «Нейрофронтендер», «Нейрофулстек», профессия с наставником или с трудоустройством.
Найдите на htmlacademy.ru коробку с подарком, крутаните колесо и заберите свою скидку.
Кто-то встретит его с той же мыслью о смене профессии, которая приходит каждый январь и каждый раз остаётся мыслью. А кто-то за эти месяцы заложит базу во фронтенде и соберёт первое портфолио. Разница — в дате старта.
С 16 по 21 июня на сайте крутится «Колесо Фортуны». Один оборот — одна персональная скидка на обучение: «Нейрофронтендер», «Нейрофулстек», профессия с наставником или с трудоустройством.
Найдите на htmlacademy.ru коробку с подарком, крутаните колесо и заберите свою скидку.
🤣5⚡2❤2👍1
HTML Academy
Дизайнер просит: формы, в которых есть хоть один невалидный <input>, должны получить красную рамку. Какой селектор справится без помощи JavaScript?
🤔 Загадка от Кекса №5: что окажется в консоли?
Anonymous Quiz
29%
fai
38%
undefined
33%
falseundefinedundefined
❤🔥3👍2🔥2
HTML Academy
Через 199 дней — 1 января. Новый год наступит в любом случае. Вопрос только в том, будете ли вы за эти месяцы ближе к работе в ИТ. Кто-то встретит его с той же мыслью о смене профессии, которая приходит каждый январь и каждый раз остаётся мыслью. А кто-то…
Каждую неделю ИИ заметнее меняет фронтенд — и отсюда честный страх новичка: «пока я учусь, ИИ сделает всё за меня».
В «Нейрофронтендере» и «Нейрофулстеке» программа отвечает ровно на это опасение: сначала инженерная база, а модуль по ИИ-агентам идёт последним, пятым разделом. Логика прямо заявлена в программе — ИИ ускоряет того, кто понимает, что происходит под капотом, и подводит того, кто действует вслепую.
«Нейрофронтендер» — путь от вёрстки и JavaScript через архитектуру клиентских приложений к React, а в финале ИИ-агенты для фронтендеров. «Нейрофулстек» — для фулстек-разработчика: тот же клиентский стек плюс серверная разработка на Node.js и REST API. Объём каждой программы — 720 часов и восемь учебных проектов, в конце индивидуальный проект.
🎁 Найдите коробку с подарком на htmlacademy.ru и заберите скидку на один из курсов.
В «Нейрофронтендере» и «Нейрофулстеке» программа отвечает ровно на это опасение: сначала инженерная база, а модуль по ИИ-агентам идёт последним, пятым разделом. Логика прямо заявлена в программе — ИИ ускоряет того, кто понимает, что происходит под капотом, и подводит того, кто действует вслепую.
«Нейрофронтендер» — путь от вёрстки и JavaScript через архитектуру клиентских приложений к React, а в финале ИИ-агенты для фронтендеров. «Нейрофулстек» — для фулстек-разработчика: тот же клиентский стек плюс серверная разработка на Node.js и REST API. Объём каждой программы — 720 часов и восемь учебных проектов, в конце индивидуальный проект.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3👍3🔥2
Тег
Теперь это закрывает атрибут
Интереснее — что вокруг. Стандартный маркер-треугольник меняется на свой, а гладкая анимация высоты требует пары трюков. В статье — интерактивный FAQ, который можно потрогать в браузере, разбор стилизации и честные оговорки про анимацию и поддержку (Chrome 120+, Firefox 130+, Safari 17.2+). #html #css
🎈 Читать статью
<details> давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загвоздка оставалась: несколько блоков жили независимо — открыли один, соседние не реагируют. Эксклюзивный аккордеон, где раскрыт ровно один раздел, собирали на JS.Теперь это закрывает атрибут
name: даёте блокам общее имя — и браузер сам следит, чтобы открытым был только один. Без скриптов и библиотек.Интереснее — что вокруг. Стандартный маркер-треугольник меняется на свой, а гладкая анимация высоты требует пары трюков. В статье — интерактивный FAQ, который можно потрогать в браузере, разбор стилизации и честные оговорки про анимацию и поддержку (Chrome 120+, Firefox 130+, Safari 17.2+). #html #css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10
Третий чемпионат по вёрстке завершился. Вывод жюри: финальные работы дотягивают до задач мидл- и сеньор-уровня — и это при том, что среди участников были выпускники без коммерческого опыта.
Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты.
В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном.
🔔 Читать статью
Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты.
В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
HTML Academy
Каждую неделю ИИ заметнее меняет фронтенд — и отсюда честный страх новичка: «пока я учусь, ИИ сделает всё за меня». В «Нейрофронтендере» и «Нейрофулстеке» программа отвечает ровно на это опасение: сначала инженерная база, а модуль по ИИ-агентам идёт последним…
Два приза для тех, кому важно не остаться с обучением один на один.
Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если вы пробовали учиться сами и знаете, что без внешней структуры можно застрять на третьей неделе и забросить.
Профессия с трудоустройством устроена иначе: программу собирают вместе с конкретными компаниями-работодателями под их стек, а после защиты проектов выпускники проходят у этих компаний собеседование — на оплачиваемую стажировку или место в штате. Есть фронтенд- и бэкенд-потоки.
🎁 Колесо крутится до 21 июня, а до декабря остаётся 197 дней. Найдите коробку с подарком на htmlacademy.ru — внутри ваша скидка.
Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если вы пробовали учиться сами и знаете, что без внешней структуры можно застрять на третьей неделе и забросить.
Профессия с трудоустройством устроена иначе: программу собирают вместе с конкретными компаниями-работодателями под их стек, а после защиты проектов выпускники проходят у этих компаний собеседование — на оплачиваемую стажировку или место в штате. Есть фронтенд- и бэкенд-потоки.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3👍3🔥3
5 книг для тех, кто осваивает JavaScript
Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А ещё — книга про алгоритмы: язык в ней другой, но мышление прокачивает. Выбирайте по своему уровню.
🎁 JavaScript для детей — Ник Морган
Самый мягкий старт: основы с нуля и понятным языком, а к финалу вы по шагам соберёте свою игру. Подходит и детям, и взрослым новичкам.
🎁 JavaScript. Полное руководство, 7-е издание — Дэвид Флэнаган
Подробный разбор языка снизу вверх, потом веб-платформа и Node.js. Обновлено под современный стандарт: классы, модули, промисы, async/await. Берите, когда основы уже есть и хочется глубины — для первого знакомства книга тяжёлая.
🎁 Выразительный JavaScript, 3-е издание — Марейн Хавербеке
Учит через практику: много примеров, упражнения и учебные проекты, которые собираете сами. Начнёте с базы — типы, функции, управляющие конструкции, — а дальше обработка ошибок, модульность, асинхронность и браузерные проекты.
🎁 Грокаем алгоритмы, 2-е издание — Адитья Бхаргава
Чуть в стороне от остальных: книга про алгоритмическое мышление — как программист подходит к задаче. Базовые алгоритмы разобраны с иллюстрациями, с упражнениями для самопроверки. Примеры на Python, но идеи переносятся на любой язык, включая JavaScript.
🎁 Серия «Вы не знаете JavaScript» — Кайл Симпсон
Серия, которую открывают на первом году и перечитывают перед собеседованием. Симпсон копает вглубь: область видимости и замыкания,
С какой книги посоветуете начать?
Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А ещё — книга про алгоритмы: язык в ней другой, но мышление прокачивает. Выбирайте по своему уровню.
Самый мягкий старт: основы с нуля и понятным языком, а к финалу вы по шагам соберёте свою игру. Подходит и детям, и взрослым новичкам.
Подробный разбор языка снизу вверх, потом веб-платформа и Node.js. Обновлено под современный стандарт: классы, модули, промисы, async/await. Берите, когда основы уже есть и хочется глубины — для первого знакомства книга тяжёлая.
Учит через практику: много примеров, упражнения и учебные проекты, которые собираете сами. Начнёте с базы — типы, функции, управляющие конструкции, — а дальше обработка ошибок, модульность, асинхронность и браузерные проекты.
Чуть в стороне от остальных: книга про алгоритмическое мышление — как программист подходит к задаче. Базовые алгоритмы разобраны с иллюстрациями, с упражнениями для самопроверки. Примеры на Python, но идеи переносятся на любой язык, включая JavaScript.
Серия, которую открывают на первом году и перечитывают перед собеседованием. Симпсон копает вглубь: область видимости и замыкания,
this и прототипы, приведение типов, асинхронность. Учтите: это первая редакция — у автора есть переписанная «You Don't Know JS Yet» под современный JS, бесплатно на GitHub.С какой книги посоветуете начать?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤4❤🔥2
HTML Academy
Мы провели исследование зарплат фронтендеров. Взяли медианные офферы с рынка, перевели в мойву по текущим ценам — и получили морскую инфографику. Листайте карточки пятничной рубрики нейрослопа. На последней — сравнение всех грейдов в одном кадре. P.S. Кекс…
Битва за трудоустройство в 2026. Сложность: максимальная.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи.
👍5❤🔥3🤣2❤1😢1