https://geekbrains.ru/professions/web_developer
- GeekBrains. HTML/CSS. Основы создания сайтов
- GeekBrains. HTML5 и CSS3. Современные средства Web-разработки
- GeekBrains. JavaScript. Уровень 1. Интерактивные веб-приложения
- GeekBrains. JavaScript. Уровень 2. Продвинутый курс
- GeekBrains. ReactJS. Профессиональная frontend-разработка
- GeekBrains. PHP. Уровень 1
- GeekBrains. PHP. Уровень 2
- GeekBrains. Yii2 Framework. Профессиональная Backend-разработка
Преподаватель: Владимир Языков.
https://geekbrains.ru/courses/3
Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.
Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.
Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.
Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.
Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.
Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel.
Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.
Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.
Преподаватель: Владимир Языков.
https://geekbrains.ru/courses/9
Обзор HTML5, Новые семантические элементы HTML5, Новый способ структурирования страниц. Семантика текстового уровня. Настройка редактора , практические примеры применения семантических тегов, для создания структуры сайта. Знакомство с плагинами ускоряющими вёрстку сайта.
Позиционирование элементов, расположение элементов на странице (позиционирование элементов по вертикали, по горизонтали). Рассмотрим самые популярные css генераторы, какие они бывают, для чего применяют каждый из них.
Рассмотрим и подробно разберем на практических примерах данные особенности. Усовершенствование традиционных форм (добавление подсказок, фокусировка на элементе и т.д.). Проверка форм на ошибки заполнения. Новые типы элементов (адреса электронной почты, URL-адреса и т.д.). Добавим в наш проект видео и аудио информацию, посмотрим как все это реализуется на практике. Рассмотрим работу тэгов
Создание множественного фона для сайта. Задание фоновых изображений для адаптивных сайтов. Создание градиентного фона для сайт. Знакомство со спрайтами и иконочными шрифтами. Модернизируем наш проект в соответствии с новыми возможностями CSS3. Добавим необходимые элементы и эффекты. Знакомство с форматом svg.
Работа с шрифтами. Веб-шрифты GOOGLE. Размещение текста в несколько колонок. Рассмотрим механизмы представления текстовой информации: оформление, выравнивание, отступы. Переключаемые вкладки для создания меню.Рассмотрим основы Canvas. Рассмотрим работу с границами в CSS, способы создания рамок элементов. Создание прозрачных рамок, теней, скругленных углов, градиентов.
Эффекты перехода. Применение трансформации. Поворот элементов при наведении на него. Создание анимации средствами в CSS3. Узнаем для чего нужна данная технология и где ее следует применять. Добавим анимацию для некоторых элементов нашего сайта.
Рассмотрим понятие адаптивного дизайна. Для чего и в каких случаях применяется. Основы синтаксиса и примеры. Придадим дизайну современный вид.
Рассмотрим новое свойство flex, для создания гибкой структуры внутренних блоков сайт. Сделаем финальный проект со всеми доработками и нововведениями представленными CSS3, С использованием одного из самых популярных препроцессоров SASS.
Преподаватель: Владимир Языков.
https://geekbrains.ru/courses/6
Синтаксис; структура кода; внешние скрипты и порядок их исполнения; переменные и типы данных; Hello world; современные стандарты.
Операторы и операнды; приоритет операций; условные операторы; функции; рекурсия; практикум; игра "Угадай число".
Циклы в JavaScript; массивы в JavaScript; структуры данных; практикум; игра "Быки и коровы". Объекты в JavaScript.
Знакомство с понятием объектов; объекты в JavaScript; работа с объектами; перебор значений; практикум; игра "Квест".
Понятие DOM; DOM в JavaScript; манипуляции с DOM в JavaScript; практикум; игра "Квест 2.0".
Понятие события; обработка нажатий; браузерные события; практикум; игра "Крестики-нолики".
Реализация игры "Змейка".
Углублённое изучение работы функций; функции и функциональные выражения; анонимные функции; замыкания; действия браузера по умолчанию.
Преподаватель: Игорь Филимонов.
https://geekbrains.ru/courses/83
Prototype; жизненные циклы объекта; прототипный и функциональный стиль: минусы и плюсы; наследование; встроенные классы.
XMLHttpRequest; типы запросов; форматы JSON и XML.
Паттерны и флаги; Regexp и String; квантификаторы; наборы и диапазоны.
Селекторы; события; AJAX в jQuery; работа со стилями и анимация.
Соглашения и документация; разработка модулей.
Виджеты; Поведения; дополнительная анимация; подключение и использование объекта Carousel.
Таск-менеджеры; сборщик Gulp.
Типы тестирования; тестирование в JavaScript; Jasmine.js; дальнейшее развитие.
Преподаватель: Игорь Филимонов.
https://geekbrains.ru/courses/119
Знакомство с ReactJS; сравнение с другими технологиями; современный JS; что нового в ES6 и как это использовать; классы, наследования, модули rest/spread, параметры, промисы, модули.
Настройка и конфигурирование Webpack; определение структуры проекта; создание заглавной страницы проекта.
Что же такое ReactJS и как с ним работать; JSX, ReactComponent, ReactDOM.render, Render function; создаём и отрисовываем первый компонент; добавляем Layout компонент; определяемся с набором компонентов нашего приложения; реализуем заготовки компонентов системы.
Virtual DOM; состояние компонентов; как задавать состояние компонента по умолчанию; как изменять состояние компонента; основные этапы жизненного цикла компонента; встраиваем стили в компоненты.
Как организуется взаимодействие компонентов; отрисовка и события в ReactJS; передача параметров в компоненты с помощью свойства props; связываем обработчики событий с методами; связываем обработчики событий с методами; как отрисовать несколько компонентов в рамках одного компонента (дочерние компоненты).
Что такое роутинг; добавляем ReactRouter в наше приложение; основные возможности ReactRouter; организуем роутинг в нашем приложении; параметры роутинга.
Что такое Flux; FluxDispatcher; EventEmitter; Store; что такое Redux и для чего он нам нужен; Reducers; Redux EventEmitter и Store.
Что такое NodeJS; что такое ExpressJS; что такое MongoDB; устанавливаем и настраиваем NodeJS; подключаем ExpressJS; организуем обработку входящих запросов при помощи ExpressJS Router; устанавливаем и настраиваем MongoDB; типизируем наши схемы, подключаем Mongoose.
Преподаватель: Игорь Полуянов.
https://geekbrains.ru/courses/4
Принципы работы динамических сайтов Принципы работы веб-серверов Подготовка рабочей среды Hello, world! [Практика] Базовые. конструкции языка – дескрипторы, переменные, типы данных Версии языка и их различия на базовом уровне.
Принципы ветвления, визуализация, блок-схемы Операторы if, if-else Оператор switch Тернарный оператор Реализация схем логики. ветвления Тернарный оператор Функции, рекурсия Использование функций и рекурсии для решения задач Области видимости. переменных.
Понятие цикла, типы циклов в PHP While, do…while For Бесконечный цикл и выход из шагов, цикла Понятие массива, типы массивов. в PHP Применение циклов для работы с массивами [Практика] Многомерные массивы Основные функции работы с массивами Применение. функции для работы с массивами [Практика] Предопределённые массивы.
Файловая система и адресация, примеры на базе разных ОС Подключение файлов с кодом Базовые операции работы с файлами –. чтение, запись. Использование базовых операций для решения повседневных задач – логирование, чтение данных, кэширование .[Практика] Типовые форматы хранения данных.
Создание БД, пользователей Создание таблиц Синтаксис базовых запросов. Создаем, редактируем и удаляем таблицы, Изучаем 4. главных команды: INSERT, UPDATE, DELETE, SELECT Выборка из БД и вывод на экран.
Урок 6. Интерактивность: Методы передачи данных GET и POST, работа с формами и пользовательскими данными.
Основные методы передачи данных на сервер Методы GET и POST Передача данных из формы в скрипт Обработка и сохранение данных. в БД, обеспечение безопасности. Реализация CRUD-пакета действий [Практика] Загрузка файлов на сервер.
Знакомство с понятиями авторизации и аутентификации Сессии и Cookies Шифрование пользовательских данных Реализации. аутентификации пользователя на сайте.
Написание недостающей логики страниц Создание тестовых заказов Тестирование.
Преподаватель: Игорь Полуянов.
https://geekbrains.ru/courses/5
Откуда появилась концепция ООП? Базовые термины ООП. Базовые принципы ООП. ООП в PHP. Константы и статические методы. Hello, world в стиле ООП [Практика].
Ключевое слово parent. Абстрактные классы и интерфейсы. Когда нужны классы, а когда интерфейсы? Перегрузка и магические методы. Перегрузка методов. Магический метод __toString(). Контроль типа. Пространства имён. Трейты.
Установка Twig. Возможности Twig. Подгрузка шаблонов. Фильтрация данных. Применяем Twig, пишем свой простой шаблонизатор.
Типы БД. Нормализация. Типы связей. Создание резервных копий и восстановление данных. Индексы. Расширенная выборка данных. Встроенные функции SQL.
Зачем нужен MVC? Составляющие и их взаимосвязь. Архитектура системы. Маршрутизация и ЧПУ. PSR-0 и PSR-1.
Проектирование системы. Доработка необходимых модулей.
Понятие тестирования. Принципы юнит-тестирования. Подключение PHPUnit. Написание тестов.
Fullstack разработка. Операционные системы. Методы оптимизации. Карьера.
Преподаватель: Игорь Полуянов.
https://geekbrains.ru/courses/35
Что такое YII; возможности фреймфорка; установка веб-сервера на Ubuntu 15.10; установка фреймворка; обзор базового и продвинутого шаблона; запуск шаблонов.
Установка MySQL Workbench; проектирование БД; создание модели через Gii.
Рассмотрим DAO и ActiveRecord; сгенерируем модель User и сделаем авторизацию пользователя через БД.
Детальное изучение Gii; генерация CRUD-операций на основные таблицы БД; теоретическая и практическая часть.
Детальное изучение Gii; генерация CRUD-операций на основные таблицы БД; теоретическая и практическая часть.
Рассмотрим механизмы кеширования в Yii; определим какие данные выгодно кешировать нам; реализация кешей.
Рассмотрим основные расширения; использование сторонних расширений; Assets; сессии и куки.
На уроке будем заниматься созданием консольного приложения и запускать его через cron.