Научитесь использовать CSS внутри SPA-приложений
Мы запускаем новый курс «CSS-in-JS», который изменит стандартный подход к стилизации веб-приложений.
Задачи, которые научитесь решать на курсе:
— использовать CSS-in-JS и понимать его отличие от обычного написания CSS
— проводить темизацию пользовательского интерфейса
— стилизовать компоненты пользовательского интерфейса
— создавать анимации
После завершения обучения вы сможете легко применять инструменты CSS-in-JS в своих проектах. Больше не придётся тратить много времени на придумывание уникальных имён классов в кодовой базе. Всё станет намного проще и понятнее.
Начать изучение «CSS-in-JS»
Мы запускаем новый курс «CSS-in-JS», который изменит стандартный подход к стилизации веб-приложений.
Задачи, которые научитесь решать на курсе:
— использовать CSS-in-JS и понимать его отличие от обычного написания CSS
— проводить темизацию пользовательского интерфейса
— стилизовать компоненты пользовательского интерфейса
— создавать анимации
После завершения обучения вы сможете легко применять инструменты CSS-in-JS в своих проектах. Больше не придётся тратить много времени на придумывание уникальных имён классов в кодовой базе. Всё станет намного проще и понятнее.
Начать изучение «CSS-in-JS»
👍10❤🔥5🔥3
Распродажа пакета курсов «Разработчик интерфейсов» закончится завтра.
Можно взять весь пакет, а можно пару курсов, которые вам необходимы. Всё со скидкой 30%.
Ссылочку оставляем здесь — https://tml.io/56unh
Можно взять весь пакет, а можно пару курсов, которые вам необходимы. Всё со скидкой 30%.
Ссылочку оставляем здесь — https://tml.io/56unh
👍2
Марафон «Заверстаю 5.0» — это месяц обучения и практики. Вы научитесь вёрстке с нуля и сверстаете свой первый макет.
Старт уже завтра, вы ещё успеваете присоединиться, чтобы прокачать свои умения и поучаствовать в розыгрыше главного приза — бесплатного места на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
Записаться: https://tml.io/ra9nk
Старт уже завтра, вы ещё успеваете присоединиться, чтобы прокачать свои умения и поучаствовать в розыгрыше главного приза — бесплатного места на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
Записаться: https://tml.io/ra9nk
🔥13👍4
Сегодня стартует марафон «Заверстаю 5.0»!
Участники получат доступ к полезным материалам, видеоурокам и тренажёрам и самостоятельно сверстают макет от дизайнера. А в конце всех участников будут ждать приятные бонусы от Академии и розыгрыш главного приза — бесплатного места на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
Хотите присоединиться?
Ещё есть возможность записаться: https://tml.io/e7231
Участники получат доступ к полезным материалам, видеоурокам и тренажёрам и самостоятельно сверстают макет от дизайнера. А в конце всех участников будут ждать приятные бонусы от Академии и розыгрыш главного приза — бесплатного места на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
Хотите присоединиться?
Ещё есть возможность записаться: https://tml.io/e7231
👍6🥰4
Как фокус помогает
Не все пользуются компьютерной мышью или тачпадом. Кому-то неудобно, а для кого-то клавиатура — единственная возможность использования интерфейса на сайте.
Задача разработчика сделать все элементы интерактивными. Выпадающие меню, кнопки, диалоговые окна — всё должно открываться по нажатию Tab.
Для кого нужен фокус и как его настроить
Не все пользуются компьютерной мышью или тачпадом. Кому-то неудобно, а для кого-то клавиатура — единственная возможность использования интерфейса на сайте.
Задача разработчика сделать все элементы интерактивными. Выпадающие меню, кнопки, диалоговые окна — всё должно открываться по нажатию Tab.
Для кого нужен фокус и как его настроить
HTML Academy
Как фокус помогает
Запретите им! Менеджер и дизайнер заставляют везде убирать аутлайн. Объясняем, почему это плохая идея.
👍12
Masonry — кирпичная кладка? В CSS? Учимся создавать макет кирпичной кладки в CSS, используя столбцы.
Как пользоваться React? История от разработчика, который пишет на React с самого создания библиотеки.
Синтаксис для вложения CSS. Выбираем главного кандидата в спецификации.
Больше новостей — https://tml.io/mj3tj
Как пользоваться React? История от разработчика, который пишет на React с самого создания библиотеки.
Синтаксис для вложения CSS. Выбираем главного кандидата в спецификации.
Больше новостей — https://tml.io/mj3tj
HTML Academy
Фронтенд-новости #17
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 25–31 июля.
🔥8❤🔥2👍1
6 книг для фронтендеров
Из них одна научит работать с CSS, ещё три для тех, кто хочет разобраться в JavaScript, а две оставшиеся научат быть программистом, про которого не напишут токсичный тред в твиттере.
→ Кит Грант. «CSS для профи»
Автор рассматривает почти все возможности CSS и каждый, даже маленький её фрагмент поможет вам стать CSS-профи.
→ Николас Закас. «JavaScript для профессиональных веб-разработчиков»
В книге 25 глав, изучение идёт от основ к более сложных возможностям языка. Подходит для новичков.
→ Николас Закас. «ECMAScript 6 для разработчиков»
Прочитайте эту книгу, чтобы
почувствовать уверенность в своём понимании ECMAScript 6.
→ Кайл Симпсон. «Вы не знаете JavaScript»
Познакомитесь с областями видимости, замыканиями, ключевым словом this и объектами.
→ Роберт Мартин. «Идеальный программист. Как стать профессионалом разработки ПО»
Практические советы для всех ситуаций в программировании: от оценки проекта и написания кода до рефакторинга и тестирования.
→ Катрин Пассиг и Йоханнес Яндер. «Программирование без дураков»
С юмором о том, как быть не самым плохим программистом. Только посмотрите на названия глав: от гордыни к смирению, как выжить в команде, искусство ошибаться для начинающих.
А если не хочется читать, посмотрите запись лайва с Лёшей Симоненко про старт карьеры в веб-разработке. Там он рассказал, как войти в профессию и с какими сложностями можно столкнуться.
👀 Смотреть сейчас
Из них одна научит работать с CSS, ещё три для тех, кто хочет разобраться в JavaScript, а две оставшиеся научат быть программистом, про которого не напишут токсичный тред в твиттере.
→ Кит Грант. «CSS для профи»
Автор рассматривает почти все возможности CSS и каждый, даже маленький её фрагмент поможет вам стать CSS-профи.
→ Николас Закас. «JavaScript для профессиональных веб-разработчиков»
В книге 25 глав, изучение идёт от основ к более сложных возможностям языка. Подходит для новичков.
→ Николас Закас. «ECMAScript 6 для разработчиков»
Прочитайте эту книгу, чтобы
почувствовать уверенность в своём понимании ECMAScript 6.
→ Кайл Симпсон. «Вы не знаете JavaScript»
Познакомитесь с областями видимости, замыканиями, ключевым словом this и объектами.
→ Роберт Мартин. «Идеальный программист. Как стать профессионалом разработки ПО»
Практические советы для всех ситуаций в программировании: от оценки проекта и написания кода до рефакторинга и тестирования.
→ Катрин Пассиг и Йоханнес Яндер. «Программирование без дураков»
С юмором о том, как быть не самым плохим программистом. Только посмотрите на названия глав: от гордыни к смирению, как выжить в команде, искусство ошибаться для начинающих.
А если не хочется читать, посмотрите запись лайва с Лёшей Симоненко про старт карьеры в веб-разработке. Там он рассказал, как войти в профессию и с какими сложностями можно столкнуться.
👀 Смотреть сейчас
👍21🔥3❤2
Разработчик — творческая личность
Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Для фронтендера становится необходимостью умение реализовать любую задумку дизайнера.
Получить нужные навыки поможет пакет курсов «Креативный».
Внутри три курса:
— Дизайн для фронтендеров. Изучите основы дизайна.
— Дизайн-системы. Научитесь создавать дизайн-системы и работать с ними.
— CSS-анимации. Поймёте как делаются все виды анимаций.
Можете взять один необходимый навык или весь пакет сразу. До 21 августа пакет и все курсы внутри со скидкой 30%.
Стать креативным разработчиком
Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Для фронтендера становится необходимостью умение реализовать любую задумку дизайнера.
Получить нужные навыки поможет пакет курсов «Креативный».
Внутри три курса:
— Дизайн для фронтендеров. Изучите основы дизайна.
— Дизайн-системы. Научитесь создавать дизайн-системы и работать с ними.
— CSS-анимации. Поймёте как делаются все виды анимаций.
Можете взять один необходимый навык или весь пакет сразу. До 21 августа пакет и все курсы внутри со скидкой 30%.
Стать креативным разработчиком
👍10🐳3
Кем вы себя ощущаете?
Anonymous Poll
38%
Великолепная женщина
59%
Великолепный мужчина
3%
Свой ответ напишу в комментарии
👍1
На какой стадии обучения находитесь?
Anonymous Poll
11%
Просто интересуюсь
28%
Только начал изучать веб-разработку
36%
Сейчас активно обучаюсь
6%
Всё выучил, ищу работу
11%
Джун
6%
Мидл
3%
Сеньор
Тут у нас через неделю стартует мастер-класс по Figma.
Сейчас расскажем, почему его нельзя пропустить:
— ну, во-первых, это бесплатно;
— во-вторых, графический редактор — второй по важности инструмент верстальщика после редактора кода;
— в-третьих, Figma — это удобная и бесплатная альтернатива Photoshop, с которой вы можете работать прямо в браузере;
— и в-четвёртых — в конце вы получите план развития фронтенд-разработчика и скидки на дальнейшее обучение.
Мини-интенсив стартует 8 августа, сроков окончания нет, поэтому можете проходить курс в удобном для вас темпе.
С нас всё необходимое: видеоуроки, полезные материалы по теме и тесты для закрепления знаний. Ещё и выдадим макет с карточкой-портфолио, чтобы вы могли сделать похожую и себе.
Ну как, уже не терпится записаться? Понимаем, томить не будем — это можно сделать здесь: https://tml.io/z2dhn
Сейчас расскажем, почему его нельзя пропустить:
— ну, во-первых, это бесплатно;
— во-вторых, графический редактор — второй по важности инструмент верстальщика после редактора кода;
— в-третьих, Figma — это удобная и бесплатная альтернатива Photoshop, с которой вы можете работать прямо в браузере;
— и в-четвёртых — в конце вы получите план развития фронтенд-разработчика и скидки на дальнейшее обучение.
Мини-интенсив стартует 8 августа, сроков окончания нет, поэтому можете проходить курс в удобном для вас темпе.
С нас всё необходимое: видеоуроки, полезные материалы по теме и тесты для закрепления знаний. Ещё и выдадим макет с карточкой-портфолио, чтобы вы могли сделать похожую и себе.
Ну как, уже не терпится записаться? Понимаем, томить не будем — это можно сделать здесь: https://tml.io/z2dhn
🔥13👍3🤔1
5 хостингов для вашего проекта
Хостинг — пространство в интернете, куда вы можете загрузить свой сайт и ему будет присвоен собственный IP-адрес — домен.
Сервисов для размещения много, по цене и юзабилити все разные. Стоимость месяца может составлять от 100 до 200 рублей, если платить за год, то будет ещё дешевле. Некоторые можно попробовать бесплатно.
Beget
Один домен могут использовать несколько пользователей. Каждый имеет доступ только к своим файлам. Бесплатный период 1 месяц.
Hostman
Можно получить бесплатный хостинг, для этого нужно прислать фото паспорта. На бесплатном тарифе можно разместить до 2 доменов.
Firebase
Сервис от Google, где вы можете разработать бэкенд к своему сайту без написания кода. Есть полностью бесплатный тариф «Spark».
GitHub Pages
Из любого репозитория на GitHub можно развернуть полноценный веб-сайт. Бесплатно.
Free.Sprinthost
Бесплатный хостинг. Отдельно оплачивается только регистрация домена, если он вам понадобится.
Хостинг — пространство в интернете, куда вы можете загрузить свой сайт и ему будет присвоен собственный IP-адрес — домен.
Сервисов для размещения много, по цене и юзабилити все разные. Стоимость месяца может составлять от 100 до 200 рублей, если платить за год, то будет ещё дешевле. Некоторые можно попробовать бесплатно.
Beget
Один домен могут использовать несколько пользователей. Каждый имеет доступ только к своим файлам. Бесплатный период 1 месяц.
Hostman
Можно получить бесплатный хостинг, для этого нужно прислать фото паспорта. На бесплатном тарифе можно разместить до 2 доменов.
Firebase
Сервис от Google, где вы можете разработать бэкенд к своему сайту без написания кода. Есть полностью бесплатный тариф «Spark».
GitHub Pages
Из любого репозитория на GitHub можно развернуть полноценный веб-сайт. Бесплатно.
Free.Sprinthost
Бесплатный хостинг. Отдельно оплачивается только регистрация домена, если он вам понадобится.
👍19❤3
8 августа стартует новый поток курса «JavaScript. Архитектура клиентских приложений». Вот что пишет выпускница 17 потока Ирина Рамицан про обучение.
«Ребята из HTML Academy, какой же кайф работать с вами! Это относится ко всем, кто принял участие в курсе. Лекторам — они легко и понятно объясняли на лайвах сложные вещи. Наставникам — они помогали разобраться в сложном коде. Студентам, которые поддерживали и помогали друг другу в чате.
Курс был сложный и интенсивный, но в то же время увлекательный и интересный.
Во время курса разбиралось множество сложных и абстрактных понятий: Single Page Application, ООП, MVP, классы, полиморфизм, наследование, инкапсуляция, датабиндинг, паттерны программирования (Observer, Adapter), REST API.
Все эти слова вначале казались страшными и непонятными. Я бы никогда не подумала, что уже спустя две недели после старта курса буду писать классы на JavaScript. Мне стали понятны такие слова как „инстанс“, „заэкстендить“, „приватные и защищённые свойства и методы“, „абстрактный класс“, „статический метод“. К концу курса у меня сложилось чёткое представление о построении архитектуры сложных фронтенд-приложений, хранении состояния компонентов, обмене данными с помощью REST API и многих других сложных, на первый взгляд, приёмах и паттернах программирования.
Очень много было новой информации, которую нужно было своевременно, осмысливать и применять в своём проекте. И если некоторое теоретическое представление об объектно-ориентированном программировании уже имелось, то практического опыта очень не хватало. На курсе была прекрасная возможность отработать все эти знания и умения на практике.
Хочу сказать огромное спасибо своему наставнику Кириллу Чистякову за помощь в течение курса, ценные знания и потраченное время. Только благодаря помощи и поддержке Кирилла, а ещё, наверное, моему упорству и целеустремлённости, нам удалось справиться со всеми вопросами и защитить проект!
Будущим студентам хочу сказать: не бойтесь изучать новое, хоть, на первый взгляд, сложное, будьте настойчивы и упорны, и всё получится!»
Записаться на курс — https://tml.io/8mieu
«Ребята из HTML Academy, какой же кайф работать с вами! Это относится ко всем, кто принял участие в курсе. Лекторам — они легко и понятно объясняли на лайвах сложные вещи. Наставникам — они помогали разобраться в сложном коде. Студентам, которые поддерживали и помогали друг другу в чате.
Курс был сложный и интенсивный, но в то же время увлекательный и интересный.
Во время курса разбиралось множество сложных и абстрактных понятий: Single Page Application, ООП, MVP, классы, полиморфизм, наследование, инкапсуляция, датабиндинг, паттерны программирования (Observer, Adapter), REST API.
Все эти слова вначале казались страшными и непонятными. Я бы никогда не подумала, что уже спустя две недели после старта курса буду писать классы на JavaScript. Мне стали понятны такие слова как „инстанс“, „заэкстендить“, „приватные и защищённые свойства и методы“, „абстрактный класс“, „статический метод“. К концу курса у меня сложилось чёткое представление о построении архитектуры сложных фронтенд-приложений, хранении состояния компонентов, обмене данными с помощью REST API и многих других сложных, на первый взгляд, приёмах и паттернах программирования.
Очень много было новой информации, которую нужно было своевременно, осмысливать и применять в своём проекте. И если некоторое теоретическое представление об объектно-ориентированном программировании уже имелось, то практического опыта очень не хватало. На курсе была прекрасная возможность отработать все эти знания и умения на практике.
Хочу сказать огромное спасибо своему наставнику Кириллу Чистякову за помощь в течение курса, ценные знания и потраченное время. Только благодаря помощи и поддержке Кирилла, а ещё, наверное, моему упорству и целеустремлённости, нам удалось справиться со всеми вопросами и защитить проект!
Будущим студентам хочу сказать: не бойтесь изучать новое, хоть, на первый взгляд, сложное, будьте настойчивы и упорны, и всё получится!»
Записаться на курс — https://tml.io/8mieu
HTML Academy
Онлайн-курс «JavaScript. Архитектура клиентских приложений»
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
👍10
Удалёнщики, как вам удаётся продуктивно работать и не прилипать к кровати?
😁8🤔3👍2
За неделю в Академии
Решили попробовать раз в неделю публиковать дайджесты. Будем собирать ссылки на интересные посты и обсуждения в чате.
Если нравится идея, поддержите 👍 или 🔥
На канале
Стартовал бесплатный марафон «Заверстаю». Кстати, мы продлили запись до 8 августа
https://t.me/c/1472921054/357604
5 хостингов для вашего проекта
https://t.me/htmlacademy/6186
6 книг для фронтендера
https://t.me/htmlacademy/6177
Опубликовали первую часть опроса, чтобы узнать вас лучше и подготовить контент, который точно не захочется пролистнуть — шлём лучи благодарности каждому участнику
https://t.me/c/1472921054/359928
В сообществе
Саша и Лёша, основатели Академии, два дня отвечали на вопросы из зала, получилась жаркая дискуссия
https://t.me/c/1472921054/359229
https://t.me/c/1472921054/358964
Кейс от Павла по поиску работы — создал фейковое резюме джуна и в этот же день получил приглашение на собеседование
https://t.me/c/1472921054/360452
Фриланс или найм?
https://t.me/c/1472921054/359532
Как сейчас выглядят/должны выглядеть стажировки
https://t.me/c/1472921054/361074
Решили попробовать раз в неделю публиковать дайджесты. Будем собирать ссылки на интересные посты и обсуждения в чате.
Если нравится идея, поддержите 👍 или 🔥
На канале
Стартовал бесплатный марафон «Заверстаю». Кстати, мы продлили запись до 8 августа
https://t.me/c/1472921054/357604
5 хостингов для вашего проекта
https://t.me/htmlacademy/6186
6 книг для фронтендера
https://t.me/htmlacademy/6177
Опубликовали первую часть опроса, чтобы узнать вас лучше и подготовить контент, который точно не захочется пролистнуть — шлём лучи благодарности каждому участнику
https://t.me/c/1472921054/359928
В сообществе
Саша и Лёша, основатели Академии, два дня отвечали на вопросы из зала, получилась жаркая дискуссия
https://t.me/c/1472921054/359229
https://t.me/c/1472921054/358964
Кейс от Павла по поиску работы — создал фейковое резюме джуна и в этот же день получил приглашение на собеседование
https://t.me/c/1472921054/360452
Фриланс или найм?
https://t.me/c/1472921054/359532
Как сейчас выглядят/должны выглядеть стажировки
https://t.me/c/1472921054/361074
🔥38👍15