Пофиксить что можно продолжение html academy
Знакомство с HTML и CSS
Тренажёр обновлён 21 мая 2021
Теория
Обязательный для прохождения материал, теория, задания и испытания.
Практика
Необязательные, но очень полезные задания. Доступны только по подписке.
16 заданий 1 испытание
Часть 1: Структура HTML-документа
Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.
Часть 1: Структура HTML-документа
Как спроектировать сайт-портфолио
Из чего состоит сайт-портфолио и как правильно спроектировать структуру страницы.
19 заданий 1 испытание
Часть 2: Разметка текста
Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.
Часть 2: Разметка текста
Как оформить сайт-портфолио
Подключаем базовые стили к сайту-портфолио, дорабатываем разметку.
Как опубликовать свой сайт на GitHub Pages
Разберёмся, как можно опубликовать сайт и привязать собственный домен на GitHub Pages.
15 заданий 1 испытание
Часть 3: Ссылки и изображения
Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.
Часть 3: Ссылки и изображения
Навык: создание семантической разметки по макету
Это задача на проектирование информационной архитектуры страниц.
В качестве входных данных верстальщик получает от дизайнера графический макет и опираясь на него должен сделать разметку страницы. Разметка должна быть семантичной, выразительной, включать в себя все содержательные сущности, размеченные подходящими тегами, и не включать декоративные сущности.
Как добавить на сайт-портфолио ссылки и изображения
Скачиваем картинки для сайта, подключаем их и прописываем ссылки на странице.
15 заданий 1 испытание
Часть 4: Основы CSS
Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.
Как прошёл 31 поток курса «Профессиональная вёрстка сайтов». Отзывы, наставники, выпускники
Два месяца упорной работы, борьбы с сомнениями, попыток совместить учёбу и другие важные дела — и вот очередные 204 счастливых человека могут похвастать навыком вёрстки.
Каждый из них защитил выпускной проект, а значит, научился:
Также выпускники освоили инструменты:
Студенты
Как чаще всего и случается, большинство записавшихся на курс по вёрстке (41,5% от общего числа студентов) — люди от 24 до 30 лет. Самая частая причина — желание сменить профессию и работать в IT. Студенты представляли самые разные сферы: юриспруденцию, финансы, науку, творчество, медицину, издательскую деятельность, туризм. Были также и школьники, которым уже интересна веб-разработка и которые думают связать с ней своё будущее.
Вот истории выпускников, которые сменили профессию:
Изменения на потоке
Перед началом курса авторы пересмотрели программу и внесли коррективы.
Наставники
Это люди, с которыми студентам не страшна ни одна тема. Наставники консультировали своих подопечных, разъясняли сложные моменты, помогали выбрать оптимальное решение. Традиционно после окончания курса студенты оценили их работу.
26 наставников получили максимальные 10 баллов больше одного раза: Антон Попов, Анна Лисененкова, Сергей Артёмов, Егор Дьяченко, Михаил Данюшин, Антон Казаков, Ирина Фролова, Валерий Хаслер, Алексей Хабиров, Дмитрий Иовлев, Дмитрий Дроганов, Павел Позняк, Олег Цыганов, Семён Якушев, Ярослав Шевцов, Анастасия Корбут, Татьяна Симоненко, Ольга Тюлихова, Артур Трифонов, Владислав Зубко, Валерий Крукович, Ольга Вадясова, Кирьян Горячев, Алексей Елькин, Виктория Никитина, Анастасия Красавина.
Стать счастливым выпускником очень просто
Запишитесь на следующий поток и измените свою жизнь.
Отзывы выпускников
Я прошла этот курс второй раз, уже в рамках профессии. Разница между курсами составила 1 год. Очень понравилось то, что Академия отслеживает все критичные изменения в индустрии и максимально быстро старается внедрять их в теорию курсов.
Полученный мной объём знаний после первого курса сейчас расширился и утрамбовался. Заметила за собой начинающуюся «профессиональную деформацию мышления»: когда смотрю на картинку потенциального макета, в голове уже возникают методы решения. Например, этот элемент можно разметить списком, этому подойдут флексы, а вот здесь лучше всего будет таблица и т.п. Это меня радует ещё больше тем, что мне уже сейчас удалось устроиться в ИТ-компанию, правда, пока не в отдел разработки. Поэтому внимательно мониторю события компании и ищу возможности применения своих имеющихся и будущих навыков.
Очень понравилось учиться в Академии. Не скажу, что было легко, скорее даже сложно. Хотя и удалось защититься достаточно быстро. Но это, скорее, благодаря тому, что всё свободное время я посвящал учёбе, ведь очень сильно хочу добиться своей цели — сменить профессию.
На всех этапах обучения чувствуется небезразличие команды Академии, ребята постоянно на лайвах предлагают задать вопрос, если что-то непонятно. Хочу отметить, что это можно сделать, даже когда лайв уже завершён, и ответ будет получен достаточно быстро (проверял лично). Ну и, конечно же, у вас будет наставник, с которым можно обсудить какие-то вопросы более детально. Для себя на данном этапе я решил продолжать двигаться вместе с командой Академии и убеждён, что всё обязательно получится!
Шла на курсы с некой неуверенностью в своих силах. Моё первое образование — химическое. Был страх, что не смогу понять информацию. Сначала было сложновато, но теоретический материал, работа с наставником и практика помогают с этим справиться и всё понять. Защита прошла успешно, всё было круто. Советую эти курсы, созданные классной командой HTML Academy!
Курс стоит пройти, если хотите начать развиваться в этой сфере или просто для расширения своего кругозора! Мне, человеку с нулевыми знаниями по HTML и CSS, курс дал очень много полезной информации. И главное, что после его прохождения в голове отложились знания. А самое ключевое — теперь не просто понимаю что и как, но и могу самостоятельно уже сверстать сайт!
Заниматься нужно много и желательно ежедневно, стараться максимально прояснять для себя непонятные моменты и предметно задавать вопросы наставнику. Обязательно нужно изучить базовые требования для проекта и придерживаться их для успешной сдачи. Если формулировка какого-то требования непонятна, необходимо выяснить, что имеется в виду и что именно нужно сделать, чтобы соответствовать требованиям по проекту. Либо как и с помощью чего пофиксить то, что было сделано неверно.
Курс даёт действительно сильную базу знаний и навыков. Очень рад тому, что начал изучать вёрстку с самого первого уровня. Погружение в теорию и постоянная практика делают своё дело. Вы очень быстро начинаете мыслить как профессиональный верстальщик и делаете проект правильно, а не как получится. Работа с наставником закрывает многие пробелы, которые возникают от неопытности или неуверенности в своих силах. Рост чувствуется с каждым шагом на курсе.
Спасибо команде HTML Academy, а особенно моему наставнику, настоящему профессионалу своего замечательного дела!
Проходил этот курс уже второй раз. После окончания профессии «React-разработчик» во время грейдирования понял, что многое уже позабыл про вёрстку. Поэтому решил пройти курс ещё раз, взяв в этот раз уже самый сложный макет Device.
Да, было сложно, особенно когда пошла стилизация: в макете много элементов, и у каждого из них несколько состояний, которые надо было все проработать. Наставник помогал советами, как сделать непонятные мне моменты или как сделать лучше. Я рад полученному результату, потому что после долгих трудов я защитился на 100%! И теперь я чувствую, что реально прокачался и мне теперь не так страшны сложные моменты в макетах.
По сравнению с предыдущим курсом сейчас структура немного переделана. Появился учебник, где сосредоточена главная информация, добавлены гриды (ранее были только флексы), разобрана задача правильного создания фавиконок и ещё много других полезностей.
Пришёл на курс с целью получить навыки HTML вёрстки. Забегая вперёд, скажу, что получил от курса больше, чем рассчитывал. Это и интересные и подробные вебинары Андрея Серёдкина и Николая Шабалина с возможностью задавать вопросы по ходу лекции. Это и огромное количество актуальных дополнительных материалов, собранных на одной площадке, так что не надо тратить время в поисках необходимого на просторах интернета. Кстати, доступ к ним сохраняется и после окончания курса. Это великолепно подобранные тренажёры, прохождение которых даёт уверенные навыки владения инструментарием верстальщика. А также удобный интерфейс подготовки и сдачи заданий. Ну и, конечно, выпускной проект, максимально приближенный к реалиям работы профессионала.
Курс понравился. Главный его плюс — это, пожалуй, работа с наставником. Она помогала лучше усваивать информацию и получать фидбек по своим ошибкам.
Стоит учитывать, что много информации подаётся через тренажёры или статьи, которые нужно проходить самому перед лайвами. Поэтому, если вы совсем новичок и у вас не так много свободного времени, есть вероятность что вы будете отставать. Я не успевал читать все материалы (занимаюсь этим сейчас, после курса), но мне повезло с наставником и тем, что я уже кое-что учил сам. Перед началом курса (после того как вы его купите) вам разблокируют учебные материалы. Настоятельно рекомендую сразу же начинать их проходить. Информации очень много. Чем больше вы разберёте сами перед курсом, тем легче будет потом.
К выбору площадки для обучения подходил очень настороженно, пересмотрел много конкурентов, проанализировал их программы и подход к обучению/ведению бизнеса. И в итоге остановился на HTML Academy, будучи уверенным в том, что у них одна из самых ламповых обстановок и они нацелены на результат студента.
По ходу прохождения курса всё очень нравилось. За выпускной проект получил свою заветную сотку (100%). Проект, конечно, был далеко не самый сложный. Но для меня, человека, который ещё ни разу не верстал сайт, это было большим шагом вперёд.
Я получил большую уверенность в собственных силах, много знаний и мотивацию продолжать дальше. Уверен, что это лучшая площадка в русском сегменте по обучению frontend.
Также хотелось бы выразить благодарность наставнику Ярославу Шевцову. HTML Academy, спасибо большое за такой опыт!
Шпаргалка по Git. Решение основных проблем
Восстановление накопленных изменений
В том случае, если изменения, внесённые пользователем, находятся в режиме накопления, применить их к ветке можно с помощью команды git stash apply. Также можно запустить git diff — эта команда поможет выявить различия. Для того, чтобы затем избавиться от накопленных данных, нужно запустить команду:
Если существует более одного накопления, найти нужное можно с помощью команды:
git stash list затем можно применить его, воспользовавшись его индексом:
Необходимо учитывать, что отсчёт индексов ведётся от нуля.
Восстановление удалённого тега
В том случае, если необходимо восстановить случайно удалённый тег, начать можно с его поиска:
После того, как нужный тег найден, его следует восстановить:
Восстановление удалённого файла
Если вы случайно удалили файл, его можно быстро восстановить:
Если требуется восстановить файл из конкретной временной точки истории коммитов, следует узнать хеш нужного коммита и запустить команду:
Восстановление удалённой ветки
С помощью комманды git reflog можно узнать хеш (SHA1) последнего коммита в удалённой ветке. Скопируйте этот хеш и используйте в команде:
После этого восстановить удалённую ветку можно будет вот такой командой:
Изменение сообщения коммита перед его отправкой
Сообщение можно изменить и напрямую с помощью команды
Изменение сообщения коммита после его отправки
Предупреждение: подобная насильная перезапись может привести к потери коммитов из внешней ветки, если с ней давно не было синхронизации, соблюдайте осторожность.
Использование алиасов команд в командной строке
Устали каждый раз печатать git status? Этой команде можно присвоить простой алиас, который проще и быстрее вбивать в git.
— теперь нужно писать только git st
Можно пойти дальше и присвоить алиасы более сложным командам:
Теперь алиас git logme будет выводить все наши коммиты.
Коммит в неправильную ветку
Нужно переключиться на новую ветку, которую вы забыли предварительно создать:
А затем переключиться к оригинальной ветке:
. и «откатиться» до последнего коммита, который нужно сохранить.
Чтобы это сделать, можно воспользоваться командой git log и сохранить хеш (SHA1) последнего коммита, который нужно оставить.. Например, это a31a45c.
Предупреждение: Убедитесь в том, что никто не отправлял коммиты в оригинальную ветку во время выполнения вышеописанных процедур, в противном случае эти изменения будут потеряны!
Обновление конкретного подмодуля
Чтобы обновить конкретный подмодуль в репозитории, нужно добавить путь к подмодулю:
Откат к конкретному коммиту в истории
Если вас не очень беспокоят изменения в локальном репозитории, то можно «откатиться» к конкретному коммиту в истории с помощью команды:
Эта команда установит HEAD на конкретный коммит. Также можно воспользоваться хешем коммита.
Отмена коммита до публикации изменений
Если вы сделали коммит, который впоследствии понадобилось отредактировать или полностью стереть, поможет команда git reset.
Будьте осторожны используя второй вариант, поскольку изменения ваших локальных файлов будут потеряны.
Чтобы сохранить сообщение коммита, наберите: :
Отмена коммита после отправки его в master-репозиторий
Рассмотрим процедуру возврата одного или нескольких коммитов, которые нужно стереть из удалённой ветки. Обозначить конкретный коммит можно с помощью его хеша:
Отмена только коммита, который является вторым после последнего:
Простая отмена последнего коммита:
Отмена локальных изменений файлов
Простейшим способом избавиться от нежелательных изменений для файлов и папок является восстановление состояния последнего коммита. Сделать это можно с помощью специальной команды:
Кроме того, можно восстановить конкретный путь к файлу:
Отображение всех коммитов одного файла
Аргумент —follow позволяет вывести все изменения над файлом, даже если в процессе работы он был переименован.
Отображения числа коммитов от каждого участника
Хотите узнать, сколько коммитов сделал каждый участник команды?
Отобразить коммиты, содержащие удалённые файлы
Узнать, в каких коммитах содержатся удалённые файлы, можно с помощью команды:
Она покажет список коммитов, в которых удалялись файлы.
Отсортировать коммиты по автору
Чтобы вывести список коммитов, отфильтрованных по автору, следует воспользоваться следующей командой:
Очистка всех скрытых состояний
Очистить все скрытые состояния можно следующей командой:
Переименование локальной и удалённой ветки
Предложим, у вас есть ветка «fix-bug25», которую вы захотели переименовать в «hotfix-users». Прежде всего, нужно будет изменить локальную ветку:
А затем — удалённую ветку: переименовать её напрямую нельзя, поэтому нужно будет её удалить, и затем опубликовать заново уже с новым именем. Прежде чем приступать к этим процедурам, следует убедиться, что никто из членов команды не работает с этой веткой! Удаляем ветку: git push origin :fix-bug25
А теперь заново публикуем её с новым именем: git push origin hotfix-users
Переименование тега
Чтобы переименовать существующий тег:
Перестать отслеживать существующие файлы
Если вы хотите перестать отслеживать файлы, которые уже есть в репозитории, но при этом желаете сохранить его локально, осуществите коммит изменений и запустите команду:
Она удалит изменённые файлы из зоны подготовленных файлов (staging area). Затем нужно запустить команду:
и отправить изменения.
Подготовка удалённых файлов
Чтобы подготовить к коммиту файлы и папки, которые были удалены локально, можно использовать специальную команду:
Если требуется подготовить только используемый в данный момент путь, воспользуйтесь командой
Поиск конкретного сообщения во всех коммитах
Чтобы найти конкретный текст сообщения коммита, соответствующий регулярному выражению, нужно воспользоваться командой
Пометить конфликтующий файл, как разрешённый
Чтобы пометить один или несколько конфликтующих файлов, как разрешённые, чтобы их можно было нормально изменять, воспользуйтесь командой:
Затем можно запустить git commit, чтобы разрешить конфликты и опубликовать изменения.
Просмотр всех неотправленных коммитов
Чтобы просмотреть все коммиты, которые ещё не были отправлены в соответствующие ветки, воспользуйтесь следующей командой:
Кроме того, можно использовать:
Просмотр старой ревизии файла
Существует возможность просмотреть содержимое файла в конкретный момент времени в прошлом. Для этого нужно использовать команду:
Публикация локальной ветки для удалённого редактирования
Если вы создали локальную ветку, и хотите, чтобы другие пользователи могли с ней работать, воспользуйтесь командой:
Теперь они тоже смогут вносить изменения в эту ветку.
Сброс локальной ветки до состояния удалённой
В том случае, если отсутствуют изменения, которые необходимо сохранить, сбросить локальную ветку до состояния удалённой можно с помощью двух простых команд.
Прежде всего нужно получить свежие обновления из удалённой ветки:
А затем нужно сообщить git, что локальную ветку следует «откатить» до состояния удалённой:
Синхронизировать ветку с master-репозиторием
Чтобы синхронизировать последние изменения в репозитории master (или с любой другой веткой, с которой вы работали) необходимо «перебазировать» локальную ветку. Предположим, вы работаете над веткой foobar:
А затем осуществляете «перебазирование»:
После этого будут применены коммиты origin из master. После разрешения конфликтов процесс можно продолжить с помощью команды git rebase —continue. Теперь можно продолжать работу над своей веткой или осуществить её слияние (merge) с главным репозиторием.
Слияние локальных изменений с другой веткой
Это можно сделать прямо в процессе стандартного слияния (merge). Вам стоит сохранить историю слияний используя флаг —no-ff, что означает no fast forward.
Перейдите в ветку, в которую будут вливаться изменения, убедитесь в её актуальности и запустите процесс:
Затем появится сообщение о коммите merge X into Y branch, после чего вы можете смело запушить ваше слияние.>
Совмещение двух и более коммитов
Если есть необходимость в совмещении двух последних коммитов, можно использовать команду
После её ввода появятся инструкции по выбору коммитов. В том случае, если необходимо совместить все коммиты с первым старейшим коммитов, то в первой строке нужно написать pick, а для всех остальных коммитов изменить букву на f. Подробнее здесь
Совмещение коммитов по конкретной функции для добавления в ветку релиза
Если вы решите совместить и опубликовать коммиты, то возникнет новый коммит в ветке релиза, поэтому история ветки конкретной функции останется неизменной.
Ниже представлен пример того, как достичь подобного эффекта:
В конечном итоге останется только один коммит в ветке релиза, а история изменений в ветке разработки конкретной функции останется нетронутой.
Создание новой ветки с изменениями текущей
Часто возникает ситуация, при которой пользователи начинают изменять файлы в ветке, чтобы что-то исправить, и лишь позднее вспоминают, что предварительно не создали новую ветку. К счастью, есть способ сделать это уже в процессе:
Эта команда перенесёт файлы из текущей ветки в новую, которую потом уже можно «закоммитить».
Убрать файл из буфера
Чтобы убрать добавленный по ошибке файл из буфера, нужно воспользоваться простой командой:
Удаление внешней ветки
Если вы хотите удалить ветку, введите команду:
Удаление неотслеживаемых файлов и папок
Чтобы удалить неотслеживаемые файлы и папки из рабочей копии наберите следующую команду:
Чтобы в принципе удалить их:
Подсказка: чтобы увидеть, какие файлы являются лишними, перед их непосредственным удалением, наберите:
Удаление старых веток, стёртых из внешнего репозитория
Если ветка удалена из внешнего репозитория, её также можно стереть из локального репозитория с помощью команды
Она удалит старую ветку под названием название-удалённой-ветки, которая уже была стёрта из внешнего репозитория, но всё ещё доступна локально в remotes/название-удалённой-ветки.
Удаление файла из git с сохранением его локальной копии
Для того, чтобы удалить файл из git, но сохранить его локально нужно использовать следующую команду:
Без Гита и жизнь не та
Получите практику в Git на курсах HTML Academy. Мы расскажем всё, что знаем сами, чтобы вы прокачали навыки в веб-разработке.
Тренажёры
Начните проходить интерактивные задания прямо сейчас.
Если вы совсем новичок и хотите узнать, что такое HTML, CSS, JavaScript и PHP — этот тренажёр для вас.
Знакомство с веб-разработкой
На практике знакомимся с базовыми технологиями веб-разработки: HTML, CSS, JavaScript и PHP.
Тренажёр обновлён 23 июня 2021
Если вы хотите разобраться с основами HTML, CSS, JavaScript и PHP — вам сюда.
Знакомство с HTML и CSS
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Тренажёр обновлён 21 мая 2021
Знакомство с JavaScript
Узнаем, как работает JavaScript в браузере. Научимся оживлять интерфейсы.
Тренажёр обновлён 3 февраля 2021
Знакомство с PHP
Добавляем PHP в разметку, работаем с веб-сценариями, данными и адресом.
Тренажёр обновлён 29 ноября 2021
И ещё море крутых тренажёров для новичков и для опытных
Чтобы увидеть все тренажёры, нужно зарегистрироваться.
Практикум
Профессии
Информация
Услуги
Остальное
Регистрация
Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».
Восстановление доступа
Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.
Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.