Получи профессию разработчика
Front-End за 6 месяцев.
Front-End за 6 месяцев.
Занятия онлайн
Старт: планируется
Старт: планируется
Курс "Front-End"
Front-End-разработчик
Одна из топовых IT-профессий на сегодняшний день по данным HeadHunter.
В тоже время это возможность начать IT карьеру, ведь для освоения специальности, вам будет достаточно ваших школьных знаний. К примеру, английский язык — это основной мировой международный язык, а JavaScript — это основной язык современного сайта, на нем написано большинство сайтов, которые мы ежедневно используем.
Frontend разработчик должен быть всегда в тренде. Ведь технологии во фронтенде меняются практически каждые полгода. Еще 5 лет назад можно было свободно работать джуном, зная только HTML и CSS, а уже сегодня нужно знать не только JS, но и фреймворки.
Не жди, когда требования вырастут еще больше! Учись уже сегодня.
В тоже время это возможность начать IT карьеру, ведь для освоения специальности, вам будет достаточно ваших школьных знаний. К примеру, английский язык — это основной мировой международный язык, а JavaScript — это основной язык современного сайта, на нем написано большинство сайтов, которые мы ежедневно используем.
Frontend разработчик должен быть всегда в тренде. Ведь технологии во фронтенде меняются практически каждые полгода. Еще 5 лет назад можно было свободно работать джуном, зная только HTML и CSS, а уже сегодня нужно знать не только JS, но и фреймворки.
Не жди, когда требования вырастут еще больше! Учись уже сегодня.
- Программа курсаПрограмма курса Frontend разработана преподавателем на основе многолетней практики и соответствует требованиям ведущих IT-компаний и отвечает требованиям современного рынка к специалистам уровня Junior Frontend Developer.
- ПреподователиПреподаватели-менторы - успешные практики уровня Middle или Senior, которые имеют множество реализованных успешных проектов и поделятся своим опытом с вами.
- IT-EnglishУ студентов будет возможность улучшить свой технический английский и посещать курсы английского и Speaking Club в течение всего периода обучения на курсе Front-End.
- ТрудоустройствоПо окончании курса все студенты проходят карьерный тренинг: тренируются проходить собеседование, учатся презентовать себя и свои soft и hard скиллы, составлять конкурентное резюме.
Вы научитесь
- Делать верстку сайта и форматировать с помощью: HTML / HTML5, CSS / CSS3
- Проводить базовую SEO-оптимизацию сайтов
- Применять фреймворки: Bootstrap 4, jQuery, Angular, React, Ember.js и не только
- Взаимодействовать с серверами с помощью JavaScript
- Применять препроцессоры SASS / LESS /PostCSS
- Создавать адаптивные сайты любой сложности
Программа курса
- Знакомство с git control version
- Установка Git
- Первоначальная настройка Git
- Создание Git-репозитория
- Работа с удалёнными репозиториями
- Основы ветвления и слияния
- Управление ветками
- Работа с ветками
- Удалённые ветки
- Знакомство с Photoshop
- Форматы графических файлов
- Работа с инструментами
- Изменение размера изображений
- Фильтры
- Нарезка и экспорт макета веб-сайта + HTML
- Знакомство с Figma
- Регистрация в Figma
- Экспорт изображения
- Разбор получение стилей в Figma
- Слои в Figma
- Клон макета
- Знакомство с HTML
- Структура HTML-документа
- Заголовки, блочные и строчные теги
- Работа со списками
- Изображение, iframe, ссылки
- Таблицы, Формы
- Видео, аудио
- Новые теги в HTML5
- Страничные и внутристраничные задачи
- Мета теги
- Контент использование
- Ключевые слова
- Якорный текст
- Теги заголовков
- Атрибут изображения alt & title
- 301 Redirect, canonical, 404
- txt
- Meta “robots”
- xml
- Знакомство с CSS
- Синтаксис
- Подключение css файла
- Селекторы CSS element, id, class
- Селекторы группировки
- CSS background, background position
- CSS Комбинатор
- text properties, fonts
- Псевдо-элементы, псевдо-классы
- Lists properties
- padding, margin, border
- position, display, float, z-index
- CSS3 box-sizing property
- Градиент,
- CSS3 2D и 3D
- CSS3 Animation
- @keyframes
- CSS3 Flexbox
- BootStrap 4.0
- Plugins Owlcarousel
- Plugins Fancybox
- Обзор языка JavaScript
- Обзор инструментария средств отладки кода
- Команды Console
- Знакомство Переменные
- Литералы шаблона
- Примитивные типы
- Типы данных. Операторы
- Метод для String ()
- Объект Math
- Назначение деструктуризации
- Окна диалогов
- Использование innerHTML
- Использование If/Else
- Операция выбора первого определенного операнда (??)
- Условный доступ к свойствам
- Switch
- For (in & of, await)
- Оператор in
- Операторы While и Do/While
- ToLocaleString() метод
- Массивы данных
- Операция распространения массива
- of(), Array.form(), Array length, forEach()
- Методы итератора для массивов
- Сглаживание массивов с помощью flat() и flatMap()
- Объединение массивов с помощью concat()
- Организация стопок и очередей с помощью push (), pop(), shift () и unshift ()
- Работа с подмассивами с помощью slice(), splice(), fill() и copyWithin()
- Ассоциативные массивы
- Стандартный класс Object, методы работы
- Понятие функции
- Понятие стрелочных функции
- Анонимные функции
- Callback функции
- Конструктор функции
- Рекурсия функции
- Аргумент функции
- Понятие и использование замыкания
- Регулярное выражение
- Работа со строками, датами
- Конструкция try…catch
- Обзор объектной модели W3C DOM
- Объект Window
- Свойства Window
- Методы Window
- Location, Location методы
- History
- Navigator
- Screen
- Обзор событий элементов в модели DOM
- Ссылка на объекты по идентификатору или имени
- innerHTML
- Events
- setTimeout() & setlnterval()
- форма Валидации
- События мыши и клавиатуры для элементов управления
- jQuery
- Взаимодействие с сервером
- HTTP методы
- XMLHttpRequest: свойства, методы
- Описание модуля с помощью define и выполнение с помощью require
- Форматы передачи данных от сервера JSON
- URL API
- Promise Объекты
- Promise свойства & методы
- Symbol объект
- Promise свойства & методы
- Доступ к Cookies.
- Технология Ajax и работа с HTTP протоколами
- localStorage & sessionStorage
- IndexedDB
- Знакомство React
- Установка React
- NodeJS
- SPA : single page application
- Структура проекта
- Файл структуры проекта
- Запуск проекта на React
- React.Component
- React className
- React.Component tags
- React JS (import\export)
- React JS (css-modules)
- React JS (Styled Components)
- Styled Component Props
- Render props
- Работа сборкой проекта Gulp
Сделай первый шаг
Хочешь узнать подробнее о курсе и направлении от ведущих IT-специалистов?
Отправь заявку. Наши специалисты свяжутся с Вами и подробно расскажут вам о курсе Front-End.
Отправь заявку. Наши специалисты свяжутся с Вами и подробно расскажут вам о курсе Front-End.
Преподаватели курса
- Марина БасиеваSenior Front-End DeveloperЛично разработала более 200 проектов. Среди них интернет-магазины, лендинги, сайты-визитки. Один из самых интересных проектов - сайт Профессиональной футбольной лиги. Опыт преподавания более 3 лет. Директор компании Infocus, имеет опыт руководства и налаживания процесса командной работы
- Дмитрий ВернаSenior Front-End DeveloperПрофессиональный уровень владения:
html5, css3 + flexbox, JavaScript, Jquery, React js, bootstrap
less gulp, git, php, mysql
Laravel (frontend) Wordpress, Joomla, VamShop, photoshop, figma
Наши контакты
+7 702 169 96 20
academy.onesoft@gmail.com
academy.onesoft@gmail.com