Введите текст для поиска
Расширенный поиск каналов

/\/\arkŸakut

И<κγ<<τβо мини—жγρнαλ
img
#спонсорский

Real cultras

Канал о культуре здорового человека. Новости и инсайды
img
#спонсорский

TGStat - аналитика каналов и чатов

Подписывайся, чтобы быть в курсе новостей TGStat.
img
#спонсорский

TGAlertsBot

Мониторинг упоминаний ключевых слов в каналах и чатах.
img
#спонсорский
Статистика

HTML Academy

@htmlacademy
Гео и язык канала: Россия, Русский
Категория: Технологии

Курсы для каждого, кто хочет окунуться в мир вёрстки и программирования.
Вопросы по обучению
https://t.me/htmlacademy_sales

Гео и язык канала
Россия, Русский
Категория
Технологии
Статистика
Это ваш канал? Подтвердить История канала
Фильтр публикаций

HTML Academy

29 Sep, 19:00

Открыть в Telegram Поделиться Пожаловаться
Освойте навыки, необходимые для мидла, а пройти собеседование и найти работу поможет Академия

Сегодня стартует большая распродажа на несколько продуктов, которые помогут фронтендеру из джуна вырасти до мидла. Скидка на каждое направление 20%.

— Курс «Мидл фронтенд-разработчик». Научитесь работать с React и TypeScript. Узнаете, как передаются данные через протоколы. Освоите паттерны проектирования для написания чистого и понятного кода. А ещё разовьёте навыки наставничества.

— Комплексная оценка уровня фронтенд-разработчика. Мы оценим ваши софт и хард-скиллы. Подскажем, какие навыки нужно качать, дадим индивидуальный план развития.

— Программа развития до мидл фронтенд-разработчика. За 6-9 месяцев обучения с экспертами вы сможете развить все необходимые навыки, чтобы вырасти до мидла. Потом можно смело просить о повышении на текущей работе или искать новую.

Начать обучение и узнать все подробности
Скидки 20% на продукты для практикующих разработчиков
Скидка 20% до 30 сентября на образовательные продукты для практикующих фронтенд-разработчиков: индивидуальную программу роста, курс «Мидл фронтенд-разработчик» и комплексную оценку навыков. Растите до мидла быстрее.
568 1 0 1
HTML Academy

29 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
3 способа развить критическое мышление

Несколько советов, как работать с информацией без вреда себе. 💜
947 1 2
HTML Academy

29 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
916 1 6 6
HTML Academy

29 Sep, 11:00

Открыть в Telegram Поделиться Пожаловаться
Почему мы иногда пишем студентам первыми

В HTML Academy есть адвайзеры — их миссия подбадривать студентов, которые забросили курс или застряли на полпути. Они не скажут вам, как выполнить задание или пройти тренажёр, но смогут рассказать, как начать учиться без выгорания.

В статье вы познакомитесь с их работой поближе
Почему мы иногда пишем студентам первыми
Заинтриговало? Тогда ныряйте в статью.
1.6k 1 1 22 12
HTML Academy

28 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
Как работает каскад в CSS

Существует частое заблуждение в том, что при обработке CSS в браузере выполняется только каскадирование и наследование. На самом деле процесс получения и обработки значений шире.

Разобраться, как всё работает и зачем это нужно можно в статье. Кликайте и читайте
Как работает каскад в CSS
А вы знаете?
2k 1 17 10
HTML Academy

28 Sep, 12:45

Открыть в Telegram Поделиться Пожаловаться
Расскажем всё, что нужно знать о React и покажем на практике, как им пользоваться.

Уже через 15 минут — вы ещё успеваете присоединиться
2.2k 1 6 4 8
HTML Academy

28 Sep, 11:00

Открыть в Telegram Поделиться Пожаловаться
Зачем разработчику знать «Паттерны проектирования»

Коротко. Они помогают сэкономить время на организацию кода.

Подробнее. Паттерны MVC, MVP и MVVM описывают, как лучше разделить код по папкам и что написать в файлах. «Компоновщик» позволяет сгруппировать множество объектов, чтобы их было удобнее использовать вместе. «Адаптер» помогает делать интерфейс и объекты более адаптивными. Про паттерны можно рассказывать долго — их много, и каждый упрощает разработку проекта.

Где учить. На курсе «Паттерны проектирования». Вы познакомитесь с разными видами паттернов и научитесь их применять в коде. Сейчас обучение можно начать со скидкой 30% до 3 октября включительно.

Ссылка для записи на курс
Онлайн-курс «Паттерны проектирования»
Паттерны помогут вам быстрее и эффективнее проектировать, писать и заниматься отладкой программного кода. А значит, и возможности масштабирования ваших алгоритмов значительно повысятся.
2.2k 1 11 7
HTML Academy

27 Sep, 19:01

Открыть в Telegram Поделиться Пожаловаться
Новый выпуск фронтенд-новостей уже в блоге

Три главных новости за неделю с 19–25 сентября:

Учебник по выражениям от контейнера с обновлённым синтаксисом

Узнайте, как работают выражения от контейнера, какие решают проблемы и как дополняют функции CSS.

Методология на слоях

Рассмотрите подход к вёрстке с помощью каскадных слоёв @layer, которые помогут начать писать код быстрее и проще.

«React, я люблю тебя, но ты меня подводишь»

Глобальные ошибки библиотеки React на примере отношений.

Больше новостей
Фронтенд-новости #25
Разочарование от Реакта, цветные шрифты и красивенькие слои.
2.1k 1 8 1 11
HTML Academy

27 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
Завтра в 13:00 пройдёт лайв «Введение во фронтенд-разработку: зачем нужен React»

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

Записаться, чтобы узнать, что такое React и зачем он нужен, можно здесь
2.1k 1 9 6 9
HTML Academy

27 Sep, 11:00

Открыть в Telegram Поделиться Пожаловаться
Новый выпуск подкаста Frontend Weekend

В гостях у Андрея Смирнова побывала Александра Прокшина — руководитель отдела разработки в ARTW.

Саша рассказала, как из бэкендера выросла в классного руководителя и как в этом ей помогла игра «Мафия». Сталкивалась ли она на своём пути с сексизмом. Какие навыки нужно развивать и причём здесь актёрское и ораторское мастерство.

Слушать на всех площадках
Специальный сезон подкаста Frontend Weekend
В этом специальном сезоне мы попросили Андрея, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру. Каждую неделю Андрей будет общаться с одним фронтендером, а мы рассказывать чуть больше про продукты которые мы делаем, чтобы пом...
2.3k 1 4 6
HTML Academy

26 Sep, 19:00

Открыть в Telegram Поделиться Пожаловаться
Сегодня стартует новый поток курса «JavaScript. Профессиональная разработка веб-интерфейсов»

На обучении студенты с помощью живых лайвов, тренажёров, учебников и пошаговых демонстраций разбираются, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер. Сложные задачи разбирают вместе с наставником.

Изучают основные возможности JavaScript: объекты и массивы, какие есть встроенные объекты и функции, учатся организовывать код по принципу DRY, что значит, без повторений. Знакомятся с объектной моделью документа — DOM. Учатся работать с API, протоколом HTTP и форматом данных JSON. Разбираются, как фиксить ошибки и делать простой и понятный интерфейс для пользователя.

На протяжении всего курса теория закрепляется на практике с помощью личных проектов. Можно выбрать: создать сервис просмотра фотографий «Кекстаграм» или сервис для размещения недвижимости «Кексобукинг».

Если хотите узнать про курс более подробно или почитать отзывы студентов, переходите в отчёт прошлого потока курса. Там рассказали, как обновили программу и как на перемены отреагировали студенты.
«JavaScript. Профессиональная разработка интерфейсов» #26
Обновления курса и отзывы студентов по 26 потоку.
2.3k 1 3 2 11
HTML Academy

26 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
Как искать и выбирать npm-пакеты?

npm-пакет — инструмент, который помогает разработчику находить быстрые решения задач. Например, уменьшить вес изображения или перевести его в новый формат, изменить цвет элементов на сайте или увидеть сжатую версию кода.

В статье узнаете, как найти и выбрать npm-пакет под конкретную задачу. Познакомитесь с мастхэвом пакетов, которые чаще всего выбирают фронтендеры.

Читать, чтобы всё узнать
Как искать и выбирать npm-пакеты?
Шпаргалка для начинающих.
2.2k 1 27 6
HTML Academy

26 Sep, 15:00

Открыть в Telegram Поделиться Пожаловаться
Подборка инструментов, которая ускорит работу разработчика

8 расширений VS Code для продуктивной работы — подборка плагинов на все случаи жизни.

JavaScript Event KeyCodes — инструмент, который поможет получить KeyCode любой нажатой клавиши. Пригодится в приложениях, которые обрабатывают ввод с клавиатуры.

Regex 101 — библиотека регулярных выражений, проверка регулярных выражений, всё что угодно для регулярных выражений.

JSON Formatter & Validator — отдаём на входе неформатированный JSON, получаем на выходе отформатированный. Бонусом проверка на валидность по трём разным RFC и ECMA-404.

JSON Placeholder — бесплатный REST API, который можно использовать для тестирования, когда вам нужны какие-нибудь фейковые данные в проекте.

JSON Parser Online — ещё один инструмент для приведения JSON в читаемый вид.

Bundlephobia — наглядно показывает, какие зависимости притянет npm-пакет. Можно загрузить package.json и проверить его.

Это полезно, ведь мы тонем в зависимостях и нам это нравится
2.4k 1 69 14
HTML Academy

26 Sep, 15:00

Открыть в Telegram Поделиться Пожаловаться
2.3k 1 2
HTML Academy

25 Sep, 11:00

Открыть в Telegram Поделиться Пожаловаться
2.8k 1 107 27 32
HTML Academy

24 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
Техники валидации форм

Узнайте, как разработчик может облегчить процесс создания онлайн-формы на сайте с помощью CSS, JavaScript и разных техник валидации.

Читать
Техники валидации форм
Онлайн-формы в виде списка полей без подсказок могут стать серьёзным испытанием для пользователей.
2.6k 1 41 13
HTML Academy

24 Sep, 11:00

Открыть в Telegram Поделиться Пожаловаться
Проверьте свои знания о селекторах в CSS

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

Пройти тест

Посмотреть конспект
2.7k 1 31 7
HTML Academy

23 Sep, 19:00

Открыть в Telegram Поделиться Пожаловаться
Расширения для браузера, которые упростят жизнь фронтендера

HTML Validator — расширение через которое можно легко провести валидацию сайта.

Web Developer — набор полезных инструментов для анализа макета, тестирования кода и изменения внешнего вида страницы.

CSSViewer — расширение, которое показывает все CSS-свойства элементов.

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

Stylus — расширение с помощью которого вы сможете легко менять и настраивать CSS-стили внутри браузера.

ColorPick Eyedropper —расширение, которое поможет подсказать любой цвет с изображения.

Designer Tools — расширение, которое с точностью до миллиметра определит расстояние на лендинге.
2.8k 2 150 5 30
HTML Academy

23 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
Как стать мидлом

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

Прочитайте, скиньте знакомым и добавьте в закладки, чтобы не потерять

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

Подписаться
Как стать мидлом
Всё самые важные ссылки, докуметация, тренажёры и подборки книг.
2.3k 1 39 5 9
HTML Academy

22 Sep, 17:00

Открыть в Telegram Поделиться Пожаловаться
5 сервисов для изучения CSS Grid и Flexbox разметки

Подборка сервисов, где можно изучить основы CSS Grid и Flexbox разметки.

Игры

Игра, в которой вы изучите свойство justify-content с помощью лягушонка Фогги и его друзей

Игра, которая поможет понять как работает свойство flex: align-items, justify-content, flex-direction, align-self и order

Игра, которая поможет изучить CSS Grid Layout. Есть следующие свойства grid: grid-column-start, grid-column-end, grid-column, grid-row-start, grid-row-end, grid-row, grid-area, order, grid-template-columns, grid-template-rows и grid-template

Онлайн-генераторы

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

Онлайн-генератор, позволяющий легко построить свою сетку без коддинга

Подборка интересных вариантов использования CSS-сетки в кодпене. Есть даже весьма сложные и необычные примеры

Тренажёры Академии по HTML, CSS и JavaScript

Продолжить практиковаться можно с Котом Кексом. Разметите страницу, стилизуете её и напишите свой первый скрипт. Бесплатно
2.7k 1 149 4 24
Показано 20 последних публикаций.