Укр
Препод курса
Ростислав Суслов
  • Front-end Developer
  • 4+ лет сфере IT;
  • Является ведущим специалистом в проектах компании
  • Верстает неверстаемое и анимирует неанимируемое ;
О чем курс Front-end(HTML/CSS + JS)

Курс  Front-end(HTML/CSS + JS)  — это пропуск новичка в мир IT и веб-технологий. Данный курс познакомит слушателей с последней версией языка гипертекстовой разметки HTML5 и каскадных таблиц стилей CSS3.

Эти технологии позволят создать красивые интерактивные веб-страницы, из которых в итоге строятся все сайты. Курс охватывает все аспекты создания сайта: от PSD-макета до адаптивного документа. Основной упор на практику и море домашних заданий.

Курс идеально подойдет для
  • Людей, которые хотят научиться делать сайты
  • Графических и веб-дизайнеров
  • Копирайтеров и контент-менеджеров
  • Интернет-маркетологов
Программа курса Front-end(HTML/CSS + JS)
2 занятия
В неделю
19:00 - 21:00
Время занятий
Среда и Суббота
График занятий
  1. Кто такой HTML&CSS Developer. Знакомство, вводная информация.
  2. Принципы работы HTML и CSS. Figma. Практика.
  3. Специфичность css. FTP. Практика.
  4. Пути, импорт сбросс стилей. Методология BEM. Практика.
  5. Таблицы, flexbox layout. Практика. Рабочее окружение
  6. Flexbox layout. Псевдоэлементы. Позиционирование элементов
  7. Состояния :hover, :active, :focus. Спрайты. Цветообразование
  8. Шрифты, переменные css, функция calc()
  9. Псевдоклассы. Селекторы атрибутов
  10. Формы. Javascript cтарт. JQuery. jQuery-Mask
  11. Стилизация тега select. jQuery Nice Select. Градиенты. Параллакс
  12. Резиновая верстка. Медиазапросы.
  13. Фреймворк bootstrap5 знакомство
  14. bootstrap5 адоптивная верстка
  15. Свойство transform. Анимация.
  16. SVG. Анимация SVG. Слайдер slick.js
  17. Анимация wow.js и animate.css. aos.js, Слайдер slick.js
  18. Презентация jqeary плгина fullPage.js
  19. Презентация jqeary плгина jquery.multiscroll.js
  20. Start VanillaJS. Фреймворк PaperCSS
  21. Javascript. Фреймворк Neomo. Работа DOM деревом. Цикл forEach. Получение атребутов. Движение мыши. Реализация сложного интерактивного SVG объекта
  22. Javascript. Фреймворк Bulma. Конструкция if, else if, else. медиавыражения. window, onload, onresize, innerWidth.
  23. Библиотека lottie.js, анимация на json
  24. Git, Node.js, Gulp, Sass, Include. Выдача сборки проекта. Старт проекта
  25. Git, Gulp, Sass.URL-encoder for SVG. Генератор HTML-дерева. Вёрстка проекта.
  26. Git, Gulp, Include. Вёрстка проекта
  27. Git, Gulp, API. Оптимизация изображений. Вёрстка проекта. VSC - Configure Users Snipets
  28. Git, Gulp, языковая панель vannila.js табы. Вёрстка проекта.
  29. Git, Gulp, vannila.js Табы. Вёрстка проекта.
  30. Git, Gulp, vannila.js burger-menu. Вёрстка проекта.
  31. Git, Gulp, vannila.js аккордеон . Вёрстка проекта.
  32. Git, Gulp, vannila.js scroll-to-top . Вёрстка проекта.
  33. Git, Gulp, vannila.js fixed-header. Вёрстка проекта.
  34. Git, Gulp, vannila.js отслеживание блока на странице. Вёрстка проекта.
  35. Занятие с Program Manager
  36. Оптимизация проекта. Pagespeed оптимизация. Markup Validation Service. Генератор HTML-дерева. Вёрстка проекта.
  37. Занятие с карьерным мененеджером
  38. Обзор популярных фреймворков и CMS.
Инструменты которые вы изучите на курсе
PHOTOSHOP
HTML/CSS
JAVASCRIPT
VISUAL STUDIO CODE
POSTCSS
GIT И GITHUB
BOOTSTRAP
JQUERY

IT — меняет жизни.

Мы 5 лет меняем жизни наших студентов.

Точно знаем, как найти именно твою специальность и дать тебе правильный старт 🚀

Что нужно знать для поступления на курс?
  • Уметь пользоваться Photoshop на базовом уровне
  • Владеть английским языком на базовом уровне
  • Иметь опыт пользования операционной системой: Windows, Mac OS, Linux
А вдруг мне будет тяжело и я ничего не пойму??
- Да, будет тяжело! Но ты справишься!

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

А наши преподаватели всегда готовы помочь, поделиться только самыми актуальными знаниями и инструментами.

Кураторы курсов всегда на связи и подставят своё дружественное плечо, чтобы у тебя точно получилось выжать максимум из курса и начать свой путь в IT 😉
Lemon School — это IT-курсы от IT-компании ART LEMON
Только практикующие преподователи
  • 420+
    Выпусков
  • 6300+
    Выпускников
  • 8640+
    Занятий
  • 17280+
    Часов занятий
Преимущества быть веб-разработчиком
  • Специальность можно быстро освоить, если есть мотивация и желание
  • Она открывает человеку огромные возможности для реализации себя
  • За нее платят высокую ЗП
  • На рынке открыто большое количество вакансий
  • Есть рост в профессии, множество курсов и путей для совершенствования
  • Есть возможность работать с заказчиками по всему миру и заграницей
Записаться на IT-курсы Lemon School
Оставь заявку и мы поможем найти твое направление в IT 🚀


    Диплом, который ты прикрепишь к своему портфолио. Для мамы мы распечатаем второй экземпляр :)
    По окончанию курса ты получишь:
    • знания чтобы адаптировать вёрстку под любые устройства
    • возможность делать сайты стильными, за счёт анимаций, иногда даже трехмерных
    • Опыт работы на фрилансовых площадках
    • Возможность работать в лучшей студии Харькова.
    Учись сейчас - плати потом!
    Не получается оплатить курс полностью? Теперь обучение стало еще доступнее! Оплачивай любой курс в рассрочку на 6 платежей.
    13 300 ГРН
    /
    6 МЕСЯЦЕВ
    =
    2 217 ГРН / МЕСЯЦ
    Пропустил занятие?
    Не страшно, мы ведем видеозапись лекции и она будет доступна в личном кабинете
    Анастасия Кондратьева
    Закончила курс в 2021г.
    Всем привет! Прошла курс Lemon School по HTML\CSS. Офигенные ребята! Очень понравилось, прекрасная администрация. Чудесные девочки на ресепшене. Очень понравился чай) Лектор чудесный. Очень рекомендую, очень довольна!
    video-review
    Видео-отзыв о курсе
    Максим
    Закончил курс в 2021 г.
    Всем привет! Меня зовут Максим, я закончил курс Front-end. Мой отзыв об этой школе вызывает очень позитивные эмоции, поскольку здесь качественное обучение и отличная база для развития во Front-end и возможно в других направлениях, обязательно буду рекомендовать друзьям и наверное, приду ещё!
    video-review
    Видео-отзыв о курсе
    Записаться на IT-курсы Lemon School
    Оставь заявку и мы поможем найти твое направление в IT 🚀


      Курсы верстки HTML / CSS в Харькове

      Профессиональный html верстальщик – специалист на вес золота. Этот факт вам подтвердят в любой веб-студии. Поэтому курсы html-вёрстки не теряют актуальности впоследние десять лет. Тем более что этой профессии современные ВУЗы пока полноценно не учат: приходится либо довольствоваться самообразованием, либо набираться опыта в специальных школах.

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

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

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

      На курсах html верстки вы:

      • Изучите языки разметки HTML.
      • Ознакомитесь и будете хорошо ориентироваться в CSS.
      • Научитесь пользоваться необходимыми инструментами и резать макеты в Adobe Photoshop.
      • Научим кроссбраузерной и адаптивной верстке.

      Обычно специалист получает макет для вёрстки, созданный в графическом редакторе (чаще всего в формате .psd). Поэтому ему необходимо обладать как минимум базовыми навыками работы в Adobe Photoshop и других графических программах.

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

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

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

      Кому подойдут курсы верстальщика сайтов?

      Не секрет, что представителям той или иной профессии необходимы определенные качества. Не стали исключением и html/css верстальщики. Хорошими специалистами в этой сфере становятся усидчивые и внимательные к деталям люди, способные скрупулезно работать с мелочами.

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

      Если вы обладаете вышеназванными качествами, чувствуете в себе силы и желание стать хорошим верстальщиком, то будем рады вам на курсах HTML верстки! Мы, в свою очередь, сделаем всё возможное, чтобы вы (а также ваши будущие работодатели) остались довольны пройденным курсом обучения.

      4.9/5 - (37 голосов)
      Записаться на IT-курсы
      Поможем, подскажем и найдем твоё направление в сфере IT. Оставляй заявку для бесплатной консультации или записи на курс.


        Закрыть

          Закрыть
          Администратор школы
          Ираклий
          Телефон:
          +38 (099) 606-66-77
          График работы:
          с 10:00 до 18:00
          Закрыть
          Закрыть
          Спасибо! Ваша заявка была отправлена
          Если вы уже точно решили записаться на данный курс, у Вас есть возможность оплатить курс online, и сэкономить 5% от стоимости курса.
          Закрыть
          Закрыть
          Закрыть
          Закрыть