Сайт начинающего верстальщика

Подключаем к странице другой каркас

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

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

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

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

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

Сайт начинающего верстальщика

Читайте также:  Use spring in java application

Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами.

Моё первое задание — вести дневник и честно писать обо всех своих свершениях.

Раздел про навыки

Спасибо! Мы скоро всё исправим)

Источник

Интерактивные онлайн-курсы HTML Academy

Научитесь создавать и программировать современные веб-интерфейсы, начните карьеру в IT, оттачивайте своё мастерство.

Подробнейшие тренажёры
по HTML, CSS и JavaScript

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

8 частей тренажёров — бесплатно

Сто тридцать интерактивных заданий — бесплатные. После их прохождения вы сможете создать свой сайт.

Обучение на практике

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

От новичка до профессионала

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

Учиться весело

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

1 507 Заданий и испытаний

1 291 946 Пользователей

103 762 250 Заданий выполнено

Всё начинается с сущей шалости. «Я только попробую», — говоришь ты. А утром обнаруживаешь себя за компьютером и не можешь ответить, как долго просидел за ним, проходя онлайн‑курсы один за другим. Именно в этот момент всё выходит из-под контроля: базовый интенсив, продвинутый, JavaScript. И вот ты уже меняешь свою работу, жизнь и мечтаешь теперь об одном: стать ниндзя веб-разработки, в арсенале которого HTML, CSS, SVG и JavaScript. Ребятам из HTML Academy удалось невозможное: увлечь за собой многих «скучающих и сомневающихся» и занять их сложным, современным и очень классным делом. Ирина Смирнова, фронтенд-разработчик в Bookmate

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

Курсы Академии мне порекомендовали. Всегда скептически относился к вебинарам, но обучение в Академии изменило это представление. Учиться действительно интересно, занимательно, и, самое главное, не скучно. Интенсив Академии просто «вбивает» в голову нужные и современные навыки и знания, которые пригодятся вам в любимом деле. Павел Цыганов, преподаватель

Для меня знакомство с миром вёрстки началось с книжек и скринкастов на YouTube. Это было интересно, но непросто. И вызывало больше вопросов, чем ответов. В процессе появилось понимание, что без структуры и обратной связи от опытных практиков обучение может растянуться до бесконечности. В какой-то момент я наткнулся на сайт Академии. Это было что-то принципиально новое, интересное и увлекательное. Я стал проходить курсы по HTML и CSS. Это напоминало увлекательную игру, в которой хочется пройти на новый уровень. Сразу вспомнилась моя любимая игра World of Warcraft. Выполнил задание — получил достижение. В какой-то момент захотелось большего, и естественным продолжением стал интенсив. Месяц бессонных ночей, взорванный мозг, и вот, я смотрю на мой первый сайт. Потом на второй. И этот загадочный мир вёрстки начинает становиться понятным и уже родным. Для меня Академия стала прекрасным стартом, и я уверен, что будет отличным продолжением! Сергей Фоменко, ученик Академии

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

HTML Academy — это новый уровень в онлайн-обучении. Я даже представить не мог, что такой уровень подачи материала может быть в онлайн. Академия учит тебя думать как профессионал, делать как профессионал. Плюс ко всему Академия — это семья и сообщество в одном лице, где каждый найдёт себе собеседника, ответ на волнующий его вопрос. Ни разу не пожалел, что год тому назад решил попробовать их курсы! Дмитрий Руднев, фронтенд-разработчик в Greensight

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

Источник

Знакомство с фронтендом

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

Тренажёр обновлён 12 мая 2023

Теория

Обязательный для прохождения материал, теория, задания и испытания.

Часть 1: Основы HTML и CSS

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

Первое испытание: Испытай себя, путник!

Здесь вы проверите, насколько хорошо усвоили материал и закрепите полученные знания. Cделаете микропроект, который проверит искуственный киберразум

Часть 2: Основы JavaScript

Познакомимся с JavaScript, с его помощью изменим вёрстку на странице, напишем переключатель тем, сделаем интерактивную форму подписки и научимся пользоваться консолью.

Практикум

Профессии

• HTML и CSS.
  Профессиональная вёрстка сайтов
• HTML и CSS.
  Адаптивная вёрстка и автоматизация
• JavaScript.
  Профессиональная разработка веб-интерфейсов
• JavaScript.
  Архитектура клиентских приложений
• React.
  Разработка сложных клиентских приложений
• Node.js.
  Профессиональная разработка REST API
• Node.js и Nest.js.
  Микросервисная архитектура
• TypeScript. Теория типов
• Алгоритмы и структуры данных
• Паттерны проектирования
• Webpack
• Vue.js 3. Разработка клиентских приложений
• Git и GitHub
• Анимация для фронтендеров

Информация

Услуги

Остальное

Вход

Регистрация

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

Восстановление доступа

Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.

Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.

Источник

Отзыв: Kata.academy — онлайн-курсы с последующим трудоустройством — отвратительное отношение

Ситуация была такая : я не прошел собес и в таком случае дают новое ТЗ — снова проверяют и снова на собес, такой цикл.

Новое выполненное ТЗ было отправлено через пару дней (около двух недель назад) через 2-3 дня приходит отказ от ментора Каты и «прекрасный» фидбек(мы знаем какой фидбек дают менторы Ката, «Не работает»).

После двух недель таких итераций (отправка — 3 дня ответ — отказ — отправка — 3 дня ответ. ) пришло понимание, что уже откровенно пытаются слить, потому что у него почему то все по ТЗ работает, а ментор упорно отклоняет приём. В этот момент благодаря одному из студентов Ката выясняется, что ТЗ работает на Вин, где и разрабатывалось, но на Линукс не работает. Тут уже я окончательно сгорел в угли во-первых от того, что становится понятно, что менторы Ката чекают ТЗ на Линукс, когда в ТЗ написано, что можно на Вин сделать, а, во-вторых, из-за откровенно плохого фидбека менторов Ката это вообще не было понятно (есть подозрение, что они сами это не знали, т. к. последний фидбек был «ментор сам не знает в чем дело, разбирается»).

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

Как итог, искреннее желание забить на обучение в Ката, а так же, что логично, оставить не лестный отзыв

на фото пытаюсь объяснить что программа не работает

Источник