Мы провели исследование зарплат фронтендеров. Взяли медианные офферы с рынка, перевели в мойву по текущим ценам — и получили морскую инфографику.
Листайте карточки пятничной рубрики нейрослопа. На последней — сравнение всех грейдов в одном кадре.
P.S. Кекс оценил. Сказал, что мидл — это его минимум.
Листайте карточки пятничной рубрики нейрослопа. На последней — сравнение всех грейдов в одном кадре.
P.S. Кекс оценил. Сказал, что мидл — это его минимум.
🤣17❤🔥4👍1🤯1
Forwarded from Как стать мидлом
На ревью прилетел комментарий: фильтрация дубликатов на 100 000 позиций вешает интерфейс. Виноват вложенный перебор —
Вот этот зазор между «работает» и «работает быстро» и закрывает курс «Алгоритмы и структуры данных». 10 подробных разделов с примерами на JavaScript:
Завтра выходной, и скидка 60% по промокодуALGO60 работает все три дня — с пятницы по воскресенье, 12–14 июня. Только на этих выходных и только на этот курс.
🎤 Подробнее
O(n²), до 10 миллиардов сравнений. Через хеш-таблицу та же фильтрация укладывается в O(n): каждая проверка уникальности в среднем O(1).Вот этот зазор между «работает» и «работает быстро» и закрывает курс «Алгоритмы и структуры данных». 10 подробных разделов с примерами на JavaScript:
O-нотация, поиск, сортировки (пузырёк и quicksort), деревья, хеш-таблицы, жадные алгоритмы, динамическое программирование. Каждый привязан к реальной задаче фронтенда: обход DOM-дерева, подбор ревьюеров в пулреквест, парсинг данных, хранение оповещений. Внутри теория, разбор кейсов, практические задания с эталонным решением и тесты. Темп свой, начать можно сразу. #htmlacademy #levelupЗавтра выходной, и скидка 60% по промокоду
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2 2❤1🔥1
HTML Academy
Накануне эфира Максим из Maxis попросил нейросетку сделать iframe-приложение для Битрикс24. Она сделала — и выложила весь бэкенд в открытый интернет. Без авторизации, без проверки портала. Будущие конфиденциальные данные — по URL, заходи, забирай. Максим…
Media is too big
VIEW IN TELEGRAM
«AI — это ваш личный джун. Обязанность разработчика — хорошо поставить задачу, подумать об архитектуре и пройтись отладчиком по тому, что он нагенерировал»
Максим Самарцев, директор Maxis, — о том, как руководитель IT-компании смотрит на AI в продуктовой разработке.
Запись эфира: смотреть на YouTube | смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6🔥2 2
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 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 2
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 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 5🔥4❤1
Третий чемпионат по вёрстке завершился. Вывод жюри: финальные работы дотягивают до задач мидл- и сеньор-уровня — и это при том, что среди участников были выпускники без коммерческого опыта.
Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты.
В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном.
🔔 Читать статью
Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты.
В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5 4❤🔥2❤1😢1