Я гуманитарий по образованию. В школе нам преподавали информатику слабо, я особо не интересовалась этой темой и никогда не писала код. Но внезапно для себя недавно я прошла тренажёр по знакомству с веб-разработкой в HTML Academy. И теперь по свежим впечатлениям я могу дать несколько советов тем, кто тоже хочет пройти тренажёры.

Конспектируйте

Если вы, как и я, никогда не сталкивались с программированием и понятия не имеете, что такое HTML, JavaScript и PHP, то первое, чем нужно вооружиться, — тетрадью и ручкой. Поверьте, незнакомых терминов будет много, и они будут быстро забываться. Например, уже на седьмом задании тренажёра я не смогла вспомнить, что такое CSS-правило и селектор.

Какие ещё свойства, ну вы чего
Какие ещё свойства, ну вы чего

Но если есть записи, вы быстро освежите память и продолжите заниматься. Конечно, в каждом задании есть блок теории, но плюс в том, что вам не придётся каждый раз за ней возвращаться. У вас всё будет под рукой и так, как понятно именно вам.

Хороший конспект — половина успеха. Выберите способ, который поможет вам легко воспринимать записанное. Рисуйте рисунки и схемы или выделяйте текст цветом. Есть разные методы ведения конспектов, и о них мы уже рассказывали. Кстати, если кому-то больше подходят электронные конспекты, можете вести их на ноутбуке или планшете.

Привыкайте к клавиатуре

Чаще всего мы используем русскую раскладку клавиатуры. Иной раз можем печатать, вообще не глядя на клавиши. Мы привыкли использовать стандартные знаки препинания и помним, где находятся английские буквы (может, похуже). В программировании же применяют знаки, с которыми вы так редко сталкиваетесь, что, возможно, в последний раз видели их в школе на математике. Например, имя тега записывается в скобках < и >. Символы напоминают знаки «больше» и «меньше», которые гуманитарии могли вообще не встречать с 11 класса.

А ведь бывает и такое
А ведь бывает и такое

То же самое и с некоторыми другими символами. До начала прохождения тренажёров я даже не знала, где на моей клавиатуре находится слэш (/), звёздочка (*), апостроф (‘) и фигурные скобки {}. Это замедляло работу, пока я не привыкла к символам. Зато чем больше я тренировалась, тем лучше узнавала клавиатуру — свой рабочий инструмент.

Будьте внимательны

Код — длинная последовательность символов, написанная особым образом. Опечатка — и код не будет работать. Даже профессионалы иногда пропускают какую-нибудь запятую, из-за которой приходится ломать глаза в поисках. А уж новички тем более забывают закрыть скобку или поставить апостроф. Благо тренажёры подсвечивают строки с ошибками. А если уж вы совсем отчаялись — можно посмотреть ответ.

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

Частые ошибки в HTML-коде

Никого не вините

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

Мозгу нужно время, чтобы разложить всё по полочкам, тем более если вы никогда не занимались программированием и вообще давно ничего системно не учили. В любом деле бывает трудно. И если вы с чем-то не можете справиться прямо сейчас — не бросайте это. Вспомните, для чего вам нужно достичь своей цели. И будьте терпеливы.

Наслаждайтесь

Тренажёры рассчитаны на тех, кто только начинает изучать программирование. И чтобы заинтересовать и максимально облегчить вам путь, их сделали в игровой форме. Там есть мудрый наставник-босс — кот Кекс. Он хвалит и направляет «игрока».

Кекс одобряет
Кекс одобряет

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

В общем, попробуйте отключиться от того, что перед вами важная задача — освоить веб-разработку. Воспринимайте процесс как игру. «Сражайтесь» с воображаемыми заказчиками и наслаждайтесь!

Материалы по теме


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

«Я пришла с настроением всё бросить». Отзыв Марии Черновой

«Я пришла с настроением всё бросить». Отзыв Марии Черновой

Мария — выпускница 2016 года, фронтенд-разработчик в NTechLab

Хотела сказать большое спасибо, что в том далёком 2016 наставник Женя Лепёшкин нашёл для меня место в своей группе.

Обучение шло тяжело, позади уже была неудачная попытка пройти курс и к нему я пришла с настроением всё бросить и остаться вечным верстальщиком. Но у моего ментора был другой план) Он не жалел времени на объяснения, примеры, давал дополнительные задачки если в какой-то теме я «буксовала» и всегда сохранял позитивный настрой. Не знаю, откуда в этом человеке было столько терпения. И по итогу всё получилось — курс был успешно окончен, проект прошел защиту))) А самое главное — появилось желание двигаться дальше)

И более того, отношение Жени к обучению и к своим студентам вдохновило меня также попробовать свои силы в менторстве и теперь уже мои бывшие ученики — сами менторы Академии. Вот такой добрый круг передачи знаний!

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

Если бы тогда не получилось, путь во фронтенде не начался и я бы не получила такой интересный опыт работы, не познакомилась с кучей крутых людей))

Сейчас я работаю фронтенд-разработчиком в компании NTechLab, с командой мы создаём продукты, которые делают городскую среду комфортнее для жизни. Ощущение, что ты делаешь что-то полезное, даёт +100 к мотивации)

Ещё раз огромное спасибо моему наставнику, а Академии к юбилею желаю процветания и еще больше довольных и мотивированных студентов.

Спасибо, что сформировали вокруг себя такое сильное и отзывчивое сообщество ❤️

💡 Мария училась веб-разработке в HTML Academy. Попробуйте и вы тоже:

Академия
  • 19 марта 2024
С какими университетами работает HTML Academy. Одной картинкой

С какими университетами работает HTML Academy. Одной картинкой

Впечатляющий список — ИТМО, Политех, УрФУ, КФУ, Томский Политех, МГИМО и другие:

💡 Подробнее том, как мы работаем, и какие курсы можем запустить в вашем университете — в статье «Современный фронтенд для студентов».

Академия
  • 10 октября 2023
Индивидуальное обучение: мифы и реальность

Индивидуальное обучение: мифы и реальность

Мы в Академии с 2012 года создаём курсы для тех, кто серьёзно настроен сменить профессию и хочет получать много денег за работу в IT. В середине 2023 мы запустили индивидуальный формат обучения, на котором вы можете учиться с удобной для вас нагрузкой. Вы можете выбрать сверхинтенсивный режим для быстрого обучения или медленный, если приходится много работать и сложно вписать учёбу в обычную жизнь.

В самом начале нужно выбрать профессию «Фронтенд-разработчик», «Javascript-разработчик» или «Фулстек-разработчик».

🔥 Профессии с индивидуальным форматом — выбирайте любую

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

⏱️ 20 часов с наставником → 3 месяца

30 часов с наставником → 4.5 месяца

Что входит в обучение

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

Учебники по вёрстке и JavaScript от наших авторов. Каждая статья написана доступным языком, дополнена наглядными примерами и пояснениями.

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

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

Ретроспективы с авторами и соавторами курса — это эфиры, на которых разбираются сложные моменты по пройденной теме и домашнему заданию.

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

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

Полное сопровождение

Во время учёбы вас сопровождает команда профессионалов. С вами будет работать личный адвайзер — он поможет не потерять мотивацию и успешно доучиться (а не как в фитнес-клубе). Ещё адвайзер учтёт все ваши пожелания и поможет выбрать личного наставника в любом часовом поясе.

✅ Поддержка студента включает:

  • личного наставника;

  • личного адвайзера, который помогает составить расписание обучения, напоминает вовремя сдавать задания, отвечает на организационные вопросы и помогает не терять мотивацию;

  • менеджера проекта в «Акселераторе»;

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

  • менеджера по трудоустройству.

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

Защита и трудоустройство

Ещё одна особенность индивидуального формата — на профессиях «Фронтенд-разработчик» и «JavaScript-разработчик» стажировка идёт параллельно с учёбой с первого дня. Студенты работают над учебными проектами и сразу же закрепляют знания на реальных заказах из «Лиги А.».

✔️ Всё о стажировке в «Лиге А.»

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

Почему именно индивидуальный формат?

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

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

90 часов работы с наставником на профессиях «Фронтенд-разработчик» и «JavaScript-разработчик»

150 часов на профессии «Фулстек-разработчик»

✅ Индивидуальный формат:

  • план обучения, составленный по вашему графику

  • персональная работа с наставником

  • поддержка адвайзеров

  • помощь в создании резюме и трудоустройстве

Академия
  • 28 июня 2023
Как прошёл 14 поток профессии

Как прошёл 14 поток профессии

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

Уже 11 лет мы помогаем людям поверить в себя и освоить веб-разработку. Для этого мы создали профессии — это программы обучения с практикой и стажировкой.

👉 Профессия — это способ стать веб-разработчиком с нуля

Каждый поток профессии длится чуть больше года и состоит из двух этапов — обучения и производства. Если вы хотите погрузиться в состав профессии и узнать, чем она отличается от отдельных курсов, прочитайте статью: «в чём смысл профессий HTML Academy».

Давайте поговорим, как прошёл 14 поток профессии «Фронтенд-разработчик».

Какие курсы вошли в программу

Студенты 14 потока прошли 5 курсов, которые в общей сложности заняли 9.5 месяцев. Курсы посвящены вёрстке, программированию на JavaScript и дополнительным навыкам — работе с CMS и вёрстке компонентов для React.

Подготовка к профессии

1,5 месяца

Профессиональная вёрстка сайтов

2 месяца

Адаптивная вёрстка и автоматизация

2 месяца

Профессиональная разработка веб-интерфейсов

2 месяца

Подготовка вёрстки для систем управления контентом (CMS)

1 месяц

Вёрстка React-компонентов

1 месяц

Приятный бонус Дарим промокод FRONT14 на скидку 10 000 рублей на профессию «Фронтенд-разработчик».

Производство — практика и стажировка

Всего производство длится примерно 6,5 месяцев, потому что стажировка в «Лиге А.» длится минимум 3 месяца, но может быть и чуть больше. Длительность зависит от количества выполненных проектов. Вот разбивка по

💰 «Лига А.» — отличная стартовая площадка для всех, кто хочет зарабатывать деньги веб-разработкой. Прочитайте, как там всё устроено для выпускников Академии.

К слову, обучение стажировка в Лиге — не повод отменять всю остальную жизнь. Вот пример:

Как-то раз в Лигу попали студенты, которые совмещали стажировку
с весенне-посадочными работами на огороде. Эти ребята каждый день
отпрашивались у менеджера, ведь огород ждёт. Но это не помешало
им успешно закончить задачи на проекте.
— Артём Альтигин, операционный директор «Лиги А.»

Читать дальше
Академия
  • 26 июня 2023
Что нужно знать перед началом обучения

Что нужно знать перед началом обучения

Планирование

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

Если самому справиться со сложностями трудно — поделитесь мыслями с товарищами в студенческом чате. Вы все в одной лодке, всем тяжело, поэтому подбадривать друг друга — обычное и очень хорошее дело.

Поддержка однокурсников в чатах, общение в группе с наставником, чат на лекции — я в вузе не так активно общалась как тут!

— Ирина Перегуд, 27 поток «HTML и CSS. Профессиональная вёрстка сайтов»

Понимание приходит не сразу

Порой студенты понимают материал не с первого раза. Особенно те, кто раньше никогда не программировал. Но даже более-менее опытным студентам иногда нужно время, чтобы разобраться. Попробуйте перечитать, пересмотреть скринкасты по теме или задать вопрос на ретроспективе. Возможно, с новыми знаниями нужно переспать, а на следующий день вам станет гораздо яснее. Если всё-таки не получается, то вы можете задать вопрос наставнику на общем групповом созвоне.

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

У всех разная скорость обучения

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

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

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

Основная моя мысль — было сложно, но очень интересно! Мозги скрипели, сон был забыт, а кофе я пила вместо воды. Но каждый день возвращалась к редактору кода. Насколько это было сложно, ровно настолько же было захватывающе узнавать новое, смотреть скринкасты, выполнять домашние задания. Я очень страдала от того, что моя защита на втором уровне вёрстки сильно затянулась, и я толком не успела подготовиться. Если бы было время, то всё прошло бы гораздо проще. Но мне повезло с крутым потоком, где все готовы помочь, поддержать, ответить на вопрос или хотя бы пострадать всем вместе.

Образование и склад ума не влияют на успех

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

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

У меня по образованию абсолютно не техническая специальность. Я врач, да ещё и в декрете, но проект успешно защитила. Сказал бы мне кто-нибудь год назад, что я с нуля сделаю сайт за 9 недель, не поверила бы. Все только в наших руках!

Усвоение информации

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

Главное — нужно понимать свои силы, это больше совет к тем, кто начал обучение с полного 0! Расставить правильно время и свои приоритеты! Не спешить и делать домашнее задание ровно столько, сколько задают, от себя ничего не добавлять, только сделаете ошибки. И слушать внимательно скринкасты и ретроспективы!

Спокойно принимайте критику

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

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

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

В общем, как и в любом серьёзном деле, во время обучения иногда могут возникать проблемы. Но если вы с самого начала будете готовы устранять все препятствия, вы непременно достигнете своей цели!

Материалы по теме

Читать дальше
Академия
  • 14 июня 2023
7 советов: как совмещать учёбу с работой

7 советов: как совмещать учёбу с работой

Я год училась на курсах Академии — с жёсткими дедлайнами и защитой проектов. Об удалёнке не приходилось и мечтать, поэтому за учёбу садилась только по вечерам или в будни.

Было непросто — и мне, и моим одногруппникам. Казалось, что не хватает времени, что ничего не получается и проще всё бросить. И кто-то действительно отставал от группы и уходил с курсов. Поэтому я решила поделиться наблюдениями, как совмещать работу с учёбой, чтобы закончить начатое и не сойти при этом с ума.

Читать дальше
Академия
  • 14 июня 2023
В чём смысл профессий HTML Academy. Максимально коротко

В чём смысл профессий HTML Academy. Максимально коротко

Профессия — это способ стать веб-разработчиком с нуля. Профессия длится больше года и состоит из двух этапов — обучения и производства. После этого — стажировка в «Лиге А.».

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

Читать дальше
Академия
  • 5 июня 2023
Всё о стажировке в «Лиге А.»

Всё о стажировке в «Лиге А.»

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

«Лига А.» — фронтенд-аутсорс для digital‑агентств, продуктовых компаний и фриланс‑команд. С каждым годом команда растёт и в ней уже около 30 человек. Лига разделена на шесть сервисных команд: отдел по работе с клиентами, бухгалтерия, менеджеры, тимлиды, разработка и отдел тестирования.

Мы поговорили с операционным директором «Лиги А.» — Артёмом Альтигиным и собрали ответы на часто задаваемые вопросы о стажировке. Ну что, поехали.

Читать дальше
Академия
  • 19 апреля 2023
Современный фронтенд для студентов: опыт HTML Academy

Современный фронтенд для студентов: опыт HTML Academy

До 2020 года обучение в вузах было преимущественно офлайн, а онлайн-формат по разным причинам был менее распространён. Тогда сложно было представить, что онлайн-обучение может заменять живые лекции, легко встраиваться в семестр и давать крепкую базу знаний.

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

Читать дальше
Академия
  • 20 марта 2023
Что такое «Старт в программировании»

Что такое «Старт в программировании»

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

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

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

Читать дальше
Академия
  • 28 декабря 2022