HTML Academy
Сегодня в 12:00 на эфире мы поговорим о программе обучения, на которой мы готовим будущих бэкендеров под реальные задачи. Основатель компании ADM расскажет о компании, перспективах для выпускников и ответит на ваши вопросы. https://htmlacademy.ru/events/live…
Каждый, в принципе, может стать крутым разработчиком, но не каждый научится работать в команде
Вчера к нам на эфир заглянул Алексей Шпилев, основатель веб-студии ADM — компании, реализующей проекты по созданию сайтов и выводу их на топовые позиции в поисковых системах. Алексей поделился, как небольшая команда создаёт корпоративные сайты и интернет-магазины, которые заменяют клиентам ERP-системы, и как начать карьеру в разработке c помощью стажировки.
Вместе с Алексеем обсудили:
Вместо гениев-одиночек ADM ищет командных игроков. Смотрите запись эфира — и узнайте, как стартовать веб-разработчиком в региональной студии!
Смотреть на YouTube | Смотреть в VK | Совместная программа с ADM
Все программы с работодателями
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥8❤🔥3 3⚡2👍1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Новый курс
Создайте карточку с потрясающим декоративным эффектом в мастерской, состоящей из 14 заданий-головоломок, и отточите свои навыки использования градиентов.
https://htmlacademy.ru/courses/425
Курс доступен по подписке. Бесплатно познакомиться с принципом создания этого декоративного эффекта можно в интерактивной демонстрации.
https://htmlacademy.ru/demos/223
#туториалотhtmlacademy #frontend #html #css
Создайте карточку с потрясающим декоративным эффектом в мастерской, состоящей из 14 заданий-головоломок, и отточите свои навыки использования градиентов.
https://htmlacademy.ru/courses/425
Курс доступен по подписке. Бесплатно познакомиться с принципом создания этого декоративного эффекта можно в интерактивной демонстрации.
https://htmlacademy.ru/demos/223
#туториалотhtmlacademy #frontend #html #css
1❤🔥11🔥8 3❤2🤯1
Многие разработчики годами используют только метод
В статье подробно разбираем полезные, но малоизвестные методы:
➿ console.table() для удобного вывода данных;
➿ console.grouр () для структурирования логов;
➿ console.time() для замера производительности и другие.
Освоив эти инструменты, вы сможете более наглядно работать с ошибками.
👉🏻 Читать статью
log()
у console, даже не подозревая, насколько мощным инструментом, на самом деле, является объект console. В статье подробно разбираем полезные, но малоизвестные методы:
Освоив эти инструменты, вы сможете более наглядно работать с ошибками.
👉🏻 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥13⚡5 4❤1❤🔥1
Media is too big
VIEW IN TELEGRAM
Сколько получает джуниор-разработчик в студии? На примере ADM
Все хотят знать реальные цифры! На недавнем эфире с Алексеем Шпилевым, основателем воронежской веб-студии ADM, мы разобрали ставки для начинающих разработчиков.
Ставка напрямую зависит от скорости обучения и способности брать более сложные задачи. Чем быстрее джун вливается в процессы и начинает приносить пользу, тем выше его почасовая оплата.
ADM ценит практическую отдачу с первого дня и предлагает конкурентные и прозрачные условия, особенно с учётом возможности быстрого роста до мидла и перехода на стабильный оклад.
📝 Узнайте о нашей совместной программе обучения с ADM → https://tml.io/backend-for-adm
Все хотят знать реальные цифры! На недавнем эфире с Алексеем Шпилевым, основателем воронежской веб-студии ADM, мы разобрали ставки для начинающих разработчиков.
Ставка напрямую зависит от скорости обучения и способности брать более сложные задачи. Чем быстрее джун вливается в процессы и начинает приносить пользу, тем выше его почасовая оплата.
ADM ценит практическую отдачу с первого дня и предлагает конкурентные и прозрачные условия, особенно с учётом возможности быстрого роста до мидла и перехода на стабильный оклад.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥5👍4 2⚡1❤1
HTML Academy и ADM — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду ADM.
Подробнее о программе
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
ADM — веб-студия, занимающаяся созданием сайтов с 2018 года. Компания специализируется на разработке веб-решений для бизнеса и сотрудничает с заказчиками из Воронежа и Москвы. За годы работы ADM реализовали десятки успешных проектов, которые помогли клиентам развивать свои компании и достигать новых высот. Входят в пятёрку лучших веб-студий Воронежа по версии WADLINE.
#работодателиhtmlacademy
Подробнее о программе
ADM — веб-студия, занимающаяся созданием сайтов с 2018 года. Компания специализируется на разработке веб-решений для бизнеса и сотрудничает с заказчиками из Воронежа и Москвы. За годы работы ADM реализовали десятки успешных проектов, которые помогли клиентам развивать свои компании и достигать новых высот. Входят в пятёрку лучших веб-студий Воронежа по версии WADLINE.
#работодателиhtmlacademy
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6 5⚡3👍2❤🔥1👏1
Media is too big
VIEW IN TELEGRAM
[Новый курс] Удивите коллег и работодателей мастерством создания потрясающих эффектов на чистом CSS, пройдя бесплатный курс:
https://htmlacademy.ru/demos/225
В этой мастерской мы продолжим использовать радиальные градиенты для создания потрясающих декоративных эффектов и разберёмся, как создать эффект сияющей иллюстрации взрыва.
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/225
В этой мастерской мы продолжим использовать радиальные градиенты для создания потрясающих декоративных эффектов и разберёмся, как создать эффект сияющей иллюстрации взрыва.
#туториалотhtmlacademy #frontend #html #css
🔥14⚡5 3❤🔥2❤1👏1
Что пора менять в вёрстке в 2025 ?
Многие приёмы, которые ещё недавно казались стандартом, сегодня считаются устаревшими. В статье собрали практики, от которых стоит отказаться: среди них — миллионные медиазапросы, чтобы элемент красиво сжимался на мобильных устройствах и рос на больших экранах. Вместо этого — одна строка через
Если вы работаете с HTML и CSS на ежедневной основе — стоит сверить свои привычки с актуальными подходами. Статья полезна не только новичкам: даже опытные верстальщики найдут, что можно улучшить.
👉 Читать статью
Многие приёмы, которые ещё недавно казались стандартом, сегодня считаются устаревшими. В статье собрали практики, от которых стоит отказаться: среди них — миллионные медиазапросы, чтобы элемент красиво сжимался на мобильных устройствах и рос на больших экранах. Вместо этого — одна строка через
clamp()
, который сам определяет ширину в зависимости от ширины вьюпорта, не выходя за минимальные и максимальные пределы.Если вы работаете с HTML и CSS на ежедневной основе — стоит сверить свои привычки с актуальными подходами. Статья полезна не только новичкам: даже опытные верстальщики найдут, что можно улучшить.
👉 Читать статью
❤🔥16🔥6⚡4 4
Media is too big
VIEW IN TELEGRAM
Визуализируем :nth-child, часть 4
В клипе рассматриваем более сложные комбинации
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Другие визуализации смотрите на наших платформах:
💫 Смотреть в YT
💫 Смотреть в TikTok
:nth-child() — это псевдокласс, который позволяет выбирать элементы по их порядковому номеру. Используется для стилизации элементов на основе их порядка в DOM дереве.
В клипе рассматриваем более сложные комбинации
2n
, 3n
, 4n
и так далее. Наглядно разбираем, как меняется результат в зависимости от значений.Другие визуализации смотрите на наших платформах:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7❤🔥3⚡2 2
HTML-сущности без паники: спецсимволы, которые нужно знать
Вёрстка — не место для сюрпризов от
Это не просто справочник, а рабочий инструмент: копируй и вставляй — и никаких багов в разметке.
💫 Кликай сюда
Вёрстка — не место для сюрпризов от
<, &
или ©
. Если вы вставляете спецсимволы в HTML, но всё едет или ломается — в статье объясняем, какие сущности использовать и почему это важно. Минимум теории, максимум пользы: от кавычек и тире до математических знаков и валют.Это не просто справочник, а рабочий инструмент: копируй и вставляй — и никаких багов в разметке.
Please open Telegram to view this post
VIEW IN TELEGRAM
Селекторы в CSS: просто, точно и без лишнего
Хорошее знание селекторов — это фундамент вёрстки. В статье собрали основные типы селекторов: от комбинаторов и псевдоклассов до атрибутных и универсальных.
Даже опытные разработчики порой используют избыточные конструкции или ошибаются со специфичностью. Эта шпаргалка поможет не только избежать типичных ошибок, но и писать CSS понятнее — для себя и команды.
👉Статья тут
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
А чтобы потренироваться использовать селекторы на практике, пройдите эти тренажёры из курса «Старт в программирование».
Хорошее знание селекторов — это фундамент вёрстки. В статье собрали основные типы селекторов: от комбинаторов и псевдоклассов до атрибутных и универсальных.
Даже опытные разработчики порой используют избыточные конструкции или ошибаются со специфичностью. Эта шпаргалка поможет не только избежать типичных ошибок, но и писать CSS понятнее — для себя и команды.
👉Статья тут
А чтобы потренироваться использовать селекторы на практике, пройдите эти тренажёры из курса «Старт в программирование».
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13 6❤🔥2❤1
У нас вы можете развивать навыки постепенно:
Чего, по-вашему, не хватает на карточках? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7🤣3⚡2❤1❤🔥1
Фронтендеру, который хочет прокачать основы computer science, стоит взглянуть на курс по алгоритмам и структурам данных. Структуры данных и алгоритмы дают предсказуемый код и чёткую архитектуру, а алгоритмические собеседования перестают быть лотереей.
Что разберёте на практике — и где это пригодится прямо в продакшене:
Какой алгоритм в последний раз выручил ваш проект? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍3 3❤🔥1❤1🤣1
Media is too big
VIEW IN TELEGRAM
Страшный сон джуна — устроиться на работу и в первый рабочий день получить задачу:
⏪ Перенеси верстку на WordPress с анимациями⏩
Так ли на самом деле?
Алексей Шпилев, основателем воронежской веб-студии ADM, на эфире поделился, как происходит адаптация новых сотрудников. «Главное — дать человеку задачи по силам/опыту и постепенно усложнять путь».
Со временем джун подключается к реальным проектам и самостоятельно их ведёт. Такой подход помогает постепенно повышать свой скилл до мидла.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Стартуйте на стажировке в ADM после совместной программы.
🟡 Записаться на обучение
Так ли на самом деле?
Алексей Шпилев, основателем воронежской веб-студии ADM, на эфире поделился, как происходит адаптация новых сотрудников. «Главное — дать человеку задачи по силам/опыту и постепенно усложнять путь».
Со временем джун подключается к реальным проектам и самостоятельно их ведёт. Такой подход помогает постепенно повышать свой скилл до мидла.
Стартуйте на стажировке в ADM после совместной программы.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤2❤🔥1
Как вам Container Queries?
Столько было ожиданий. Говорили про революцию в мире адаптивности. Что можно будет забыть про стандартные вьюпорты.
По ощущениям - не выстрелило, революции не случилось. Да, контейнерные запросы удобны для узких задач, но львиная доля адаптивной вёрстки все равно делается с помощью простых и понятных медиавыражений.
И, всё-таки, может быть есть те, кто полностью перешел на container queries? Поделить опытом.
А, если вы пытались, но не зашло, расскажите почему, чем неудобна технология?
Столько было ожиданий. Говорили про революцию в мире адаптивности. Что можно будет забыть про стандартные вьюпорты.
По ощущениям - не выстрелило, революции не случилось. Да, контейнерные запросы удобны для узких задач, но львиная доля адаптивной вёрстки все равно делается с помощью простых и понятных медиавыражений.
И, всё-таки, может быть есть те, кто полностью перешел на container queries? Поделить опытом.
А, если вы пытались, но не зашло, расскажите почему, чем неудобна технология?
👍2🔥1
Используете Container Queries?
Anonymous Poll
8%
Да, полностью перешел на них
12%
Использую в особых случаях
6%
Пробовал, не понравилось, не использую
74%
Даже пробовать не стал. Медиавыражений хватает для всех задач
Прямой эфир с компанией NAUKA
Год назад мы запустили первый поток программы «Обучение под работодателя» вместе с компанией NAUKA. После 7 месяцев интенсивного изучения JavaScript, TypeScript, React и современных инструментов, успешные выпускники прошли собеседования и успешно закончили стажировку в компании.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
В этом году мы запускаем второй поток! Приходите на эфир 14 августа в 12:00, вместе обсудим:
1️⃣ чем занимается NAUKA, узнаем, чем второй поток отличается от первого и для кого он подходит;
2️⃣ какие решения выпускников первого потока уже работают в продакшене и как они помогают бизнесу;
3️⃣ программу обучения и узнаем, как полученные знания пригодятся в реальных задачах;
4️⃣ как проходит стажировка выпускников: формат, продолжительность и оплата.
Если планируете сменить профессию и выбираете программу, мечтаете начать карьеру в продуктовой IT-компании и сомневаетесь, что джунам доверяют реальные задачи — приходите на эфир и регистрируйтесь по ссылке: напомним о трансляции и расскажем, как попасть на обучение.
Год назад мы запустили первый поток программы «Обучение под работодателя» вместе с компанией NAUKA. После 7 месяцев интенсивного изучения JavaScript, TypeScript, React и современных инструментов, успешные выпускники прошли собеседования и успешно закончили стажировку в компании.
В этом году мы запускаем второй поток! Приходите на эфир 14 августа в 12:00, вместе обсудим:
Если планируете сменить профессию и выбираете программу, мечтаете начать карьеру в продуктовой IT-компании и сомневаетесь, что джунам доверяют реальные задачи — приходите на эфир и регистрируйтесь по ссылке: напомним о трансляции и расскажем, как попасть на обучение.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤🔥3⚡2👏1
Media is too big
VIEW IN TELEGRAM
Курс с визуализациями про адаптивность отлично подходит для тех, кто начинает погружаться в эту сложную тему. Бесплатно, наглядно, без воды
https://htmlacademy.ru/demos/231
Вы узнаете, чем резиновая вёрстка отличается от адаптивной. С помощью визуализаций разберётесь с принципом работы медиавыражений.
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/231
Вы узнаете, чем резиновая вёрстка отличается от адаптивной. С помощью визуализаций разберётесь с принципом работы медиавыражений.
#туториалотhtmlacademy #frontend #html #css
🔥17❤🔥4👍4