ДЛЯ ПРЕДВАРИТЕЛЬНО ЗАПИСАВШИХСЯ, ПЕРВОЕ ЗАНЯТИЯ БЕСПЛАТНО!

 

 

Цель курса:

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

Программа предназначена для новичков, junior'ов, желающих познакомиться с WEB-программированием, переквалифицироваться в IT-индустрию и получить новые знания которые положат начало новой карьере. В программу обучения входит теория, практика, домашние задания, проверочная работа в конце курса.

 

Урок 1 - Бесплатный

  • Знакомство учащихся
  • Что такое Web программирование
  • Подготавливаем рабочее окружение к работе над курсом
    • Установка IDE, cmd(обёртка), Node.js, Git и других рабочих утилит. Рабочая среда в классе Windows
  • Установка и развертывание локального сервера на компьютере. Выбираем версию PHP; выбираем версию Apache; настраиваем доступ к локальному сайту (http://mysite.mydomain); как понять, что всё настроено правильно и работает; используем редактор Visual Studio Code
  • На локальном сайте пишем первый кода на php, html ‘Hello World’
  • Что такое CMS
  • Работа с CMS, создание базы данных, установка, настройка, PhpMyAdmin
  • Устанавливаем тестовую версию CMS интернет магазина
  • Подключаем платёжную систему
  • Введение в контроль версий git, node.js, npm, package.json
  • Работа с Node.js. Создаём проект на JavaScript, упаковываем в package.json, пишем первый код на JavaScript ‘Hello World. Запуск приложения с консоли
  • Зарегистрируемся в системе управления проектами Trello

 

Программа курса Web программирование

 

HTML, CSS, Веб-вёрстка.

  • Базовый HTML
  • Базовый CSS
  • HTML-разметка
  • Работа с макетом
  • Препроцессоры и постпроцессоры - Less, SCSS
  • Адаптивность. Десктоп и планшет
  • Адаптивность. Мобильные устройства
  • Кроссбраузерность
  • Анимация
  • Сборщики
  • БЭМ. Разметка элементов страницы
  • Работа с макетом Bootstrap 5
  • Оптимизация и процесс загрузки
  • Chrome developers tools -> Elements
  • jQuery для верстальщика

 

JavaScript

  • Введение. Современный JavaScript, ES6+
  • Переменные и работа с числами
  • Строки, boolean и условные операторы
  • Массивы и циклы
  • Функции
  • Объекты
  • Введение в DOM
  • Константы, области видимости и замыкания
  • Преобразование типов и нестрогие сравнения
  • Обработка событий и пользовательский ввод
  • Объектная модель документа (DOM = Document Object Model)
  • Методы объекта и прототипы
  • Обработка ошибок
  • Общение с сервером, async/await
  • События
  • ООП и его реализация в JavaScript
  • Работа с массивами и строками
  • Напишем свой маленький чат на Websocket, socket.io в которой сможет общаться вся группа
  • Напишем мини игру
  • Рассмотрим Postman Json api
  • Chrome developers tools
  • Подключение плагинов jQuery
  • Запуск приложения на React.js
  • Работать с API
  • Основы socket.io
  • Напишем свой Chrome Extension и научимся копировать, редактировать и запускать существующие расширения с Google Web Store

 

PHP

  • Введение в PHP и запуск локального сервера
  • Переменные, типы данных, константы
  • Условные операторы
  • Массивы и строки
  • Циклы foreach, For, While, Do While
  • Функции и область видимости
  • Работа с файлами (запись, чтение)
  • Работа с cookies
  • Классы, методы и объекты
  • Работа и обработка GET и POST запросов
  • Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем страницы сайта
  • Научимся работать с основными концепциями: с переменными, циклами, условиями и прочими конструкциями
  • Также мы научимся работать с пользователем: обрабатывать формы, отправлять почту
  • Работа с хостингом
  • Знакомство с Laravel, запуск приложения из коробки

 

SQL и базы данных

  • Введение в базы данных, PhpMyAdmin
  • Создание базы данных, табличек и подключение к ней
  • Выборка значений из базы данных
  • Добавление данных в таблицу (INSERT, UPDATE, DELETE)
  • Затронем на примерах не реляционные базы NoSQL, MongoDB

 

Разработка мобильного приложения

  • Знакомство с React Native
  • Знакомство с утилитой, которая облегчает создание аппликаций на JavaScript для Android и iOS
  • Рассматриваем готовые приложения
  • Делаем первое приложение `Hello World`

 

Git - контроль версий

  • Системы контроля версий, знакомство с Git
  • Основы работы с Git
  • Работа с удалёнными репозиториями
  • Работа с ветками
  • Другие инструменты Git
  • Создаём репозиторий на github

 

QA - Тестирование проекта

  • Что такое тестирование и для чего оно нужно
  • Тестирование на кроссбраузерность
  • Самые популярные методы выявления ошибок на сайте
  • Использование утилиты Developers Tools
  • Выявление XSS injection на странице
  • Тестирование сайта на Emulated Devices (iPhone, iPad, Pixel, Samsung)
  • Проверка на responsive design
  • Выявления ошибок по Lighthouse tool for improving the performance (Mobile, Desktop)
  • Автоматическое выявления ошибок сборки сайта на Wordpress
  • Работаем с WpScan, для поиска критических ошибок и уязвимость взлома сайта Wordpress

 

По прохождению курса вы получите:

  • Теоретический материал для прочтения
  • Домашние задания
  • Самые свежие утилиты для работы с фронтендом и бэкендом
  • Сделаем простые приложения на javascript (игру перепрыгивание через барьер, сайт видео каталог, запустим React.js и создадим чат)
  • Сделаем сайт на чистом PHP с вашим созданным дизайном
  • Поработаем с Node.js сервером и дополнительными утилитами
  • Установка Laravel приложения с демо страницами, логином и регистрацией
  • Создадим интернет магазин на Wordpress
  • Создадим сайт на конструкторе сайтов Tilda

 

 

Востребованность профессии

Обмен информацией


Интересные проекты

Комфортные условия


Перспективы

Развитие

Преимущества IT-отрасли —

ОСОБЕННОСТИ И ПРЕИМУЩЕСТВА


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