Научитесь верстать и программировать

Чем же занимается web — разработчик? Кто создает сегодня интернет? В этом курсе вы узнаете, что такое HTML и CSS и зачем нужны эти технологии; научитесь современной семантической верстке; изучите основы JavaScript и PHP и создадите свой первый динамический сайт. Web — разработка сегодня является крайне перспективной профессией, и мы поможем вам сделать свои первые шаги в увлекательный мир создания сайтов.

Что я изучу?

  • Узнаете, как устроен интернет, что такое хостинг и как устроены изнутри современные сайты;
  • Научитесь управлять базами данных;
  • Рассмотрите основные теги HTML и основные CSS правила для построения современных сайтов;
  • Сможете создавать валидную верстку сайта для любых браузеров;
  • Научитесь делать адаптивные сайты;
  • Изучите основы языка программирования JavaScript и сможете использовать фреймворк JQuery на страницах своих сайтов;
  • Окунетесь в программирование на PHP и поймете разницу между статическими и динамическими сайтами.

Программа курса

  • null

    Знакомимся с интернетом

    Что такое сеть интернет? Система доменных имен. Хостинг и файлы сайта. Что такое HTML? Делаем первую простую страничку. Настраиваем web — окружение и устанавливаем нужные инструментальные средства.

  • null

    Такой понятный HTML

    Структура HTML страницы, теги. Спецсимволы и комментарии. Изучаем теги форматирования текста HTML. Абзацы, шрифты, таблицы, списки.

  • null

    CSS: наводим красоту

    Что такое стили на сайте? Стили внутри страницы и подключаемые стили. Кроссбраузерность. Оформляем текстовые элементы нашей страницы с помощью стилей.

  • null

    Погружаемся в CSS

    Блочная верстка. id и class, в чем разница. Вложенность и наследование стилей.

  • null

    HTML5

    Элементы стандарта HTML5. Изображения, аудио и видео на страницах сайта.

  • null

    CSS3

    Новые свойства. Кроссбраузерность. Градиенты, границы, тени.

  • null

    Блочная верстка

    Формируем структуру будущего сайта. Позиционирование элементов относительно друг друга. Верстаем макет.

  • null

    Фоновые изображения

    Новые свойства для работы с фонами. Подробнее о градиентах. Что такое parallax? SVG на сайтах.

  • null

    Отступы элементов

    Зачем нужны отступы? Основные свойства для формирования отступов. Некоторые не очевидные приемы верстки.

  • null

    Шрифты на сайтах

    Стандартные шрифты. Подключаем Google Fonts. Тень у текста.

  • null

    Анимация в CSS3

    Переходы и трансформации. Когда применять анимацию? Наведение курсора на элемент, повороты.

  • null

    Формы и интерактивность

    Что такое формы? Основные теги для создания элементов ввода. Кнопки. Реакция на события. GET и POST запросы.

  • null

    Введение в JavaScript

    Зачем нужен JavaScript? Модель документа. DOM. Синтаксис языка. Переменные и основные операторы. Подключаемые скрипты.

  • null

    Пишем обработчики событий

    Условные операторы, циклы, массивы. Функции в JavaScript. Что такое события? Обработка событий в формах.

  • null

    Динамические сайты и PHP

    Принципы создания динамических сайтов. Web — сервер изнутри. Введение в PHP. Переменные и типы данных. Основные операторы языка. Функции.

  • null

    Базы данных

    Введение в базы данных MySQL. Создаем первую базу данных. Язык структурированных запросов. Сохраняем комментарии с сайта в базу данных.

  • null

    Тестирование и сертификация

    По окончании курса вы пройдете небольшое тестирование. После успешного выполнения несложных заданий вы получите сертификат об окончании обучения в нашей школе.

  • null

    Введение

    Актуализируем свои знания. Вспоминаем про HTML и CSS. Устанавливаем и настраиваем программное обеспечение. Определяемся с будущим сайтом.

  • null

    Верстаем главную страницу

    Структура папок проекта. Создаем основные элементы главной страницы сайта. Регистрируем хостинг и выкладываем результаты.

  • null

    Адаптивная верстка

    Что такое адаптивный дизайн? Основные приемы адаптивности. Знакомимся с Bootstrap.

  • null

    Препроцессор Less

    Зачем нужны препроцессоры? Что такое Less? Пишем и компилируем первый Less проект.

  • null

    Синтаксис JavaScript. Основные операторы

    Дерево DOM. Переменные. Арифметические операторы. Условия, циклы, массивы, объекты.

  • null

    Взаимодействуем с элементами

    Функции. Возможные манипуляции с DOM. Пишем обработку форм.

  • null

    ООП в JavaScript

    Введение в объектно-ориентированное программирование. Создание и обработка объектов в JavaScript. Глобальные объекты и замыкания. Функции как объекты.

  • null

    JQuery - наш добрый помощник

    Подключаем JQuery разными способами. Доступ к элементам DOM. Функции и обработчики событий в JQuery. Создаем анимацию.

  • null

    Стили и анимация в JQuery

    Интерактивное изменение элементов на странице. Продвинутая анимация. Создаем «выплывающие» элементы. Прячем и показываем элемент на странице.

  • null

    JQuery UI и валидация

    Основные элементы интерфейса в JQuery UI. Делаем календарь. Плагины JQuery. Создаем продвинутую валидацию контактной формы.

  • null

    Динамические сайты и PHP

    Принципы создания динамических сайтов. Web — сервер изнутри. Введение в PHP. Переменные и типы данных. Основные операторы языка. Функции.

  • null

    Обработка клиентских запросов

    Ветвления и циклы. Глобальные массивы $_GET и $_POST. Проверка принимаемых данных. Обрабатываем данные из контактной формы сайта.

  • null

    Базы данных и PHP

    Введение в базы данных MySQL. Создаем первую базу данных. Язык структурированных запросов. Сохраняем комментарии с сайта в базу данных.

  • null

    SQL

    Язык структурированных запросов. Пишем сложные запросы к базе данных. SELECT, INSERT, UPDATE.

  • null

    Усложняем базу данных

    Изменяем базу данных сайта. Типы данных, ключи, индексы.

  • null

    PHP: вывод данных на страницу

    Способы соединения с базой данных. Получаем данные. Форматируем и выводим данные. Пишем страницу новостей.

  • null

    PHP: работа с файлами

    Адресация файловой системы. Создание файлов, изменение, удаление. Загрузка файлов на сервер средствами языка.

  • null

    Авторизация и аутентификация в PHP

    Что такое сессии? Cookies. Пишем аутентификацию пользователя на сайте.

  • null

    PHP: объектно - ориентированное программирование

    Основные принципы ООП в PHP. Создаем свой первый объект.

  • null

    Практика

    Создаем систему комментариев на сайте.

  • null

    Подробнее про массивы

    Создание и изменение массивов. Обработка данных в массивах. Сортировка.

  • null

    Что такое CMS? WordPress

    Зачем нужны CMS? Какие бывают CMS? Устанавливаем WordPress. WordPress изнутри, настройки сайта.

  • null

    Сайт на WordPress

    Типы контента. Публикуем страницы и записи. Основные плагины. Темы оформления.

  • null

    Знакомимся с Bitrix

    Устанавливаем Bitrix локально. Простой сайт на Bitrix. Основные настройки. Роли пользователей. Редактируем свой сайт.

  • null

    Тестирование и сертификация

    По окончании курса вы пройдете небольшое тестирование. После успешного выполнения несложных заданий вы получите сертификат об окончании обучения в нашей школе.

+ Уровень 0
  • null

    Знакомимся с интернетом

    Что такое сеть интернет? Система доменных имен. Хостинг и файлы сайта. Что такое HTML? Делаем первую простую страничку. Настраиваем web — окружение и устанавливаем нужные инструментальные средства.

  • null

    Такой понятный HTML

    Структура HTML страницы, теги. Спецсимволы и комментарии. Изучаем теги форматирования текста HTML. Абзацы, шрифты, таблицы, списки.

  • null

    CSS: наводим красоту

    Что такое стили на сайте? Стили внутри страницы и подключаемые стили. Кроссбраузерность. Оформляем текстовые элементы нашей страницы с помощью стилей.

  • null

    Погружаемся в CSS

    Блочная верстка. id и class, в чем разница. Вложенность и наследование стилей.

  • null

    HTML5

    Элементы стандарта HTML5. Изображения, аудио и видео на страницах сайта.

  • null

    CSS3

    Новые свойства. Кроссбраузерность. Градиенты, границы, тени.

  • null

    Блочная верстка

    Формируем структуру будущего сайта. Позиционирование элементов относительно друг друга. Верстаем макет.

  • null

    Фоновые изображения

    Новые свойства для работы с фонами. Подробнее о градиентах. Что такое parallax? SVG на сайтах.

  • null

    Отступы элементов

    Зачем нужны отступы? Основные свойства для формирования отступов. Некоторые не очевидные приемы верстки.

  • null

    Шрифты на сайтах

    Стандартные шрифты. Подключаем Google Fonts. Тень у текста.

  • null

    Анимация в CSS3

    Переходы и трансформации. Когда применять анимацию? Наведение курсора на элемент, повороты.

  • null

    Формы и интерактивность

    Что такое формы? Основные теги для создания элементов ввода. Кнопки. Реакция на события. GET и POST запросы.

  • null

    Введение в JavaScript

    Зачем нужен JavaScript? Модель документа. DOM. Синтаксис языка. Переменные и основные операторы. Подключаемые скрипты.

  • null

    Пишем обработчики событий

    Условные операторы, циклы, массивы. Функции в JavaScript. Что такое события? Обработка событий в формах.

  • null

    Динамические сайты и PHP

    Принципы создания динамических сайтов. Web — сервер изнутри. Введение в PHP. Переменные и типы данных. Основные операторы языка. Функции.

  • null

    Базы данных

    Введение в базы данных MySQL. Создаем первую базу данных. Язык структурированных запросов. Сохраняем комментарии с сайта в базу данных.

  • null

    Тестирование и сертификация

    По окончании курса вы пройдете небольшое тестирование. После успешного выполнения несложных заданий вы получите сертификат об окончании обучения в нашей школе.

+ Уровень 1
  • null

    Введение

    Актуализируем свои знания. Вспоминаем про HTML и CSS. Устанавливаем и настраиваем программное обеспечение. Определяемся с будущим сайтом.

  • null

    Верстаем главную страницу

    Структура папок проекта. Создаем основные элементы главной страницы сайта. Регистрируем хостинг и выкладываем результаты.

  • null

    Адаптивная верстка

    Что такое адаптивный дизайн? Основные приемы адаптивности. Знакомимся с Bootstrap.

  • null

    Препроцессор Less

    Зачем нужны препроцессоры? Что такое Less? Пишем и компилируем первый Less проект.

  • null

    Синтаксис JavaScript. Основные операторы

    Дерево DOM. Переменные. Арифметические операторы. Условия, циклы, массивы, объекты.

  • null

    Взаимодействуем с элементами

    Функции. Возможные манипуляции с DOM. Пишем обработку форм.

  • null

    ООП в JavaScript

    Введение в объектно-ориентированное программирование. Создание и обработка объектов в JavaScript. Глобальные объекты и замыкания. Функции как объекты.

  • null

    JQuery - наш добрый помощник

    Подключаем JQuery разными способами. Доступ к элементам DOM. Функции и обработчики событий в JQuery. Создаем анимацию.

  • null

    Стили и анимация в JQuery

    Интерактивное изменение элементов на странице. Продвинутая анимация. Создаем «выплывающие» элементы. Прячем и показываем элемент на странице.

  • null

    JQuery UI и валидация

    Основные элементы интерфейса в JQuery UI. Делаем календарь. Плагины JQuery. Создаем продвинутую валидацию контактной формы.

  • null

    Динамические сайты и PHP

    Принципы создания динамических сайтов. Web — сервер изнутри. Введение в PHP. Переменные и типы данных. Основные операторы языка. Функции.

  • null

    Обработка клиентских запросов

    Ветвления и циклы. Глобальные массивы $_GET и $_POST. Проверка принимаемых данных. Обрабатываем данные из контактной формы сайта.

  • null

    Базы данных и PHP

    Введение в базы данных MySQL. Создаем первую базу данных. Язык структурированных запросов. Сохраняем комментарии с сайта в базу данных.

  • null

    SQL

    Язык структурированных запросов. Пишем сложные запросы к базе данных. SELECT, INSERT, UPDATE.

  • null

    Усложняем базу данных

    Изменяем базу данных сайта. Типы данных, ключи, индексы.

  • null

    PHP: вывод данных на страницу

    Способы соединения с базой данных. Получаем данные. Форматируем и выводим данные. Пишем страницу новостей.

  • null

    PHP: работа с файлами

    Адресация файловой системы. Создание файлов, изменение, удаление. Загрузка файлов на сервер средствами языка.

  • null

    Авторизация и аутентификация в PHP

    Что такое сессии? Cookies. Пишем аутентификацию пользователя на сайте.

  • null

    PHP: объектно - ориентированное программирование

    Основные принципы ООП в PHP. Создаем свой первый объект.

  • null

    Практика

    Создаем систему комментариев на сайте.

  • null

    Подробнее про массивы

    Создание и изменение массивов. Обработка данных в массивах. Сортировка.

  • null

    Что такое CMS? WordPress

    Зачем нужны CMS? Какие бывают CMS? Устанавливаем WordPress. WordPress изнутри, настройки сайта.

  • null

    Сайт на WordPress

    Типы контента. Публикуем страницы и записи. Основные плагины. Темы оформления.

  • null

    Знакомимся с Bitrix

    Устанавливаем Bitrix локально. Простой сайт на Bitrix. Основные настройки. Роли пользователей. Редактируем свой сайт.

  • null

    Тестирование и сертификация

    По окончании курса вы пройдете небольшое тестирование. После успешного выполнения несложных заданий вы получите сертификат об окончании обучения в нашей школе.

Что нужно для обучения?

  • Ваше желание учиться самым современным технологиям создания сайтов и желание сделать большой шаг в мир информационных технологий;
  • Тетрадь и ручка;
  • 4 часа в неделю для очного обучения в нашем классе с опытным преподавателем;
  • 4 часа в неделю для выполнения домашних заданий. Домашние задания обязательны для выполнения, без никуда. Мы учим не только создавать сайты, но и решать задачи самостоятельно;
  • Дома нужен компьютер на базе любой операционной системы, все необходимое для обучения программное обеспечение мы вам дадим;
  • Желательно иметь базовые навыки программирования, но совсем необязательно.

Как проходит обучение?

  • Запись на курс

    Запишитесь на курс самостоятельно на сайте или по телефону 8 (4012) 565-564. После получения заявки с вами свяжется наш менеджер для уточнения деталей и ваших пожеланий.

  • Собеседование

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

  • Оплата

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

  • Обучение

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

Записаться на курс

16 занятий

2 часа каждое занятие

5 000 р. / мес.

цена без скидки

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

Идет набор групп

* Ставя отметку в этом пункте, я подтверждаю, что мне исполнилось 14 лет и в соответствии с положениями Федерального закона №152-ФЗ от 27.07.2006 г. «О персональных данных» я, свободно, своей волей и в своем интересе, даю свое согласие на обработку моих персональных данных, представленных в заявке, в целях доведения информации, связанной с обучением на курсах, организации обучения, обеспечения соответствующего образовательного процесса, оформления и выдачи сертификата о прохождении обучения, подтверждения подлинности сертификата, а также ведения статистики. Я согласен с тем, что обработка может включать в себя следующие действия: сбор, систематизацию, накопление, хранение, уточнение (обновление, изменение), использование, распространение (в том числе передачу третьим лицам), обезличивание, блокирование, уничтожение. Внимание: если Вам меньше 14 лет, Вы вправе подать заявку на обучение только с согласия Ваших родителей, опекунов или законных представителей. Для получения подробной информации обращайтесь по адресу info@worldofeducation.ru