HTML Academy
10.2K subscribers
5.27K photos
163 videos
4 files
3.29K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
— Где диванатор?! Ты не мог отдать его человеку из толпы.

Сегодня отмечаем День Бэтмена и дарим скидку до 50% на навыки и макеты 🦇

Каждый навык научит вас решать конкретную профессиональную задачу. А тренировочные макеты идеально походят для практики. К ним приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.

Акция продлится до 17 сентября включительно: https://tml.io/v991t
Есть мнение, что БЭМ может использоваться только в Яндексе, так как методика разработана специалистами поисковика. Развеиваем этот миф и разбираемся, что такое БЭМ, и где он может быть востребованным.

БЭМ — блок, элемент, модификатор — методология веб-разработки, в основе которой лежит принцип разделения интерфейса на независимые блоки. Как говорит сайт bem.info, БЭМ предлагает единые правила написания кода, помогает его масштабировать и повторно использовать, а также увеличивает производительность и упрощает командную работу.

Принципы работы таковы: блоки можно вкладывать друг в друга, элемент является их составной частью и не может использоваться отдельно от блоков. У блока может не быть элементов, если они ему не нужны. Модификатор же определяет внешний вид, поведение и состояние блока. Его нельзя использовать отдельно от блока или элемента, который он модифицирует.

Изначально, когда БЭМ вышел за пределы Яндекса, все старались воспроизводить его дословно. Сейчас он уже адаптирован, да и вообще отлично развивается: появились уровни переопределения, богатый инструментарий, JS-библиотека для работы с БЭМ-классами, шаблонизаторы и целый БЭМ-стэк.

Пока вы пишите интерфейс на БЭМе, ваш код будет организован, предсказуем, расширяем и готов для повторного использования. Подробнее про БЭМ вы можете узнать на курсе «HTML и CSS. Адаптивная вёрстка и автоматизация», который стартует 9 ноября: https://tml.io/a5npc
Новый поток курса «JavaScript. Профессиональная разработка веб-интерфейсов» стартует уже сегодня. Более 20 часов лекций, много практики, личный наставник, итоговый проект, сертификат.

Вот, что пишет о курсе Евгения Тихонова, выпускница предыдущего потока 👇🏻

«Это уже не первый мой интенсив в Академии. Он прошёл более легко для меня, чем два предыдущих по вёрстке. Возможно, потому что я к нему уже была готова в плане владения инструментами. После второго интенсива по вёрстке я освоилась с гитом и уже не тратила время на его освоение на «JavaScript. Профессиональная разработка веб-интерфейсов».

На курсе было очень много новой информации, которую поначалу было трудно «переварить». Я сначала очень сомневалась в своих силах и в том, что смогу закончить этот курс успешно. Но хочу отметить прекрасных лекторов, которые очень подробно и терпеливо объясняли нам каждую тему и отвечали на все вопросы. Спасибо!

Перед выполнением домашнего задания я пересматривала трудные моменты в лекциях, потом изучала демонстрации и постепенно понимание начало приходить. Но для этого понадобилось время. Если вы не понимаете с лёту, то дайте себе возможность повторить ещё и ещё раз, и в определённый момент у вас «щёлкнет», и появится ясная картина.

Хочу поблагодарить за то, что курс проходил в комфортном для студентов режиме — перед большой домашкой были перерывы в лекциях, чтобы мы все успели. В итоге, учёба не приносила ощущения «гонки на выживание», а просто держала в рабочем режиме.

Свой проект я в итоге сдала на 100%, хотя, честно говоря, вначале и подумать не могла о таком.

Совет всем будущим студентам: дайте себе время на понимание, повторяйте информацию. Если что-то не получается — значит, вам просто нужно чуть больше времени.»
​​Программисты проводят много времени за написанием и отладкой кода. Иногда в процессе разработки допускаются ошибки, которые впоследствии тяжело найти. Исправить эти ошибки помогают современные редакторы.

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

Собрали советы о том, как не совершать ошибок в процессе обучения программированию.
​​Мы снова с хорошими новостями! На этот раз обновили интерактивный курс «Программирование на JavaScript».

В этом курсе вы изучите основные принципы программирования на JavaScript и узнаете, как взаимодействовать с пользователями и делать веб-страницы интерактивными.

В новой версии основы JavaScript рассмотрены более детально, и особое внимание уделено структурам данных, алгоритмам и принципам, по которым создаются программы — без чего невозможно стать востребованным разработчиком. А ещё мы добавили подробные конспекты в каждую главу, упростили сложные задания и обновили синтаксис — теперь в курсе вместо «var» используется «let».

Изучайте основы JavaScript вместе с нашим обновлённым курсом!
Напомним, что до конца дня на избранные профессиональные навыки и макет «Школа английского языка CleverBaby» скидки до 50%

https://tml.io/v991t
Как организовать учебный процесс, чтобы не потерять интерес к обучению и сохранять мотивацию?

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

1. Вы должны осознавать, для чего вам нужно обучение

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

2. Подходите серьёзно к выбору курса

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

3. Выберите подходящий режим работы

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

4. Не переусердствуйте

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

5. Избавьтесь от отвлекающих факторов

Если вам хочется каждые 5 минут проверять новостную ленту социальных сетей, лучше отключить смартфон.

6. Найдите компанию

Вы будете заряжать друг друга на нужный лад, да и будет с кем поделиться яркими эмоциями и впечатлениями. А для некоторых важен фактор конкуренции: не хочется падать лицом в грязь перед другими студентами, и они начинают учиться активнее.

Главное — сконцентрируйтесь на том, зачем вы начали обучение, и какие цели вы преследовали. Мы в HTML Academy со своей стороны делаем всё возможное, чтобы вам было интересно: лекции читают настоящие профессионалы, информация структурирована, и все знания сразу применяются на практике.

Напоминаем, что сейчас проходит марафон, где вы в формате игры изучите основы HTML, CSS и JavaScript. Чтобы принять участие, подпишитесь на рассылку. Все участники получат скидки на профессиональные курсы, а среди тех, кто дошёл до конца, будет разыграно бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
Программирование — большой мир, в который страшно войти со стороны. В частности из-за этого программирование, как и любая профессия, давно обросло мифами и легендами. Рассказываем, чего точно не стоит бояться, и помогаем развеять популярные мифы.
До конца дня ещё можно успеть записаться на марафон «Заверстаю 2.0». Для этого подпишитесь на рассылку — https://vk.cc/ayRFI7

За четыре недели вы разберётесь в основах HTML, CSS и JavaScript, сверстаете свой первый макет и опубликуете его в интернете.

Все участники получат скидки на профессиональные курсы и программы профессий, а среди тех, кто дошёл до конца, будет разыграно бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов».

Стартуем уже завтра 💥
В работе важно не только стремление, но и умение быть продуктивным, не забывая про отдых. Мы подготовили подборку книг, которые помогут вам управлять своим временем и грамотно распределять ресурсы:

☑️ «Мой продуктивный год. Как я проверил самые известные методики личной эффективности на себе», Крис Бэйли.
☑️ «Гиперфокус. Как я научился делать больше, тратя меньше времени», Крис Бэйли.
☑️ «Эссенциализм. Путь к простоте», Грег МакКеон.
☑️ «То, как мы работаем - не работает: Проверенные способы управления жизненной энергией», Тони Шварц, Кэтрин Маккарти, Жан Гомес.

Другие подборки книг можно найти у нас в блоге: https://tml.io/4kuq9
Если спросить программиста, чем он пользуется при написании кода, окажется, что редактор кода — отнюдь не единственный инструмент. Каждому уважающему себя разработчику ещё нужны дебагер, консоль, система контроля версий, таск-трекер и прочее.

В новой статье мы сделали подборку необходимого софта для разработчиков: https://tml.io/g1h8o

Выбирайте сердцем, используйте с умом.
Знаете ли вы, что необязательно приобретать хостинг, если ваш сайт состоит из статичных HTML-страниц? Вам может помочь специальный сервис — GitHub Pages.

В этой статье даём пошаговую инструкцию по использованию инструментария Гитхаба: https://tml.io/cyryv
В предпродаже появились новые проекты по JavaScript, релиз которых ожидается в течение трёх месяцев. Сейчас вы можете приобрести их со скидкой 50%: https://tml.io/tz8d1

Мы предлагаем проекты разных уровней сложности: как для новичков, так и для более продвинутых разработчиков.

С помощью проектов вы можете прокачать свои профессиональные навыки разработки. В тренировочный комплект входит техническое задание, автоматическая проверка работы и качества кода, а также примеры эталонной реализации.