Главная / Курсы / Веб-программист / Веб-программирование. 1-й уровень

Веб-программирование. 1-й уровень: программа обучения

  1. Введение в Разработку сайтов
    1. О чем данный тренинг?
    2. Основные типы сайтов
    3. Этапы разработки сайта
    4. Самый легкий способ создания сайта
    5. Все методы создания сайтов
    6. Терминология в web разработке
    7. Знакомство с конструкторами сайтов
    8. Веб-разработчики полный список
    9. Этап 1. Проектирование сайта. Основы
    10. Составление ТЗ. Примеры ТЗ
    11. Прототипирование или эскизирование сайтов
    12. Этап 2. Рисуем дизайн сайта
    13. Типы макетов: Резиновый, фиксированный и адаптивный
    14. Что такое адаптивный сайт
    15. Образцы макетов
    16. Этап 3. Верстка сайта
    17. HTML + CSS
    18. Процесс html верстки
    19. Этап 4. Программирование сайта, CMS, CMF
    20. Что такое CMS? И их типы
    21. Самые распространенные CMS?
    22. Веб-мастер универсал
    23. А если нужен нестандарт или функционал движка не устраивает?
    24. Языки программирования в веб-разработке
    25. JavaScript
    26. PHP
    27. Что такое стек технологий
    28. Раздел: Домены, хостинг, сервера
    29. Синонимы и псевдонимы
    30. Что такое поддомен?
    31. Знакомство регистратором и хостером
    32. Знакомство с REG.RU
    33. Как зарегистрировать домен
    34. Корпоративная почта или почта для домена
    35. Смена Регистратора домена и Администратора домена, перенос домена
    36. Перенос домена с использованием authInfo кода
    37. Что такое DNS? Зачем они? И как их поменять?
    38. Типы хостинга и что такое хостинг? Что такое VDS? VPS?
    39. Веб Архив интернета www.archive.org/web/
    40. Ваш отзыв - самое важное
    41. Бонусы: Обзор резиновых и фиксированных макетов, ошибки учеников и другое
  2. Компьютер для продвинутых и оптимизация работы за ним
    1. Вводный урок
    2. Знакомство с интерфейсом личного кабинета
    3. Как делать скриншоты быстро и эффективно с помощью Joxi
    4. Есть Решение (ответ на задание), а есть вопрос или комментарий
    5. Как открыть ссылку в фоновой вкладке
    6. Копирование, вставка, вырезание
    7. Другие горячие клавиши
    8. Облачные хранилища данных
    9. Яндекс Диск или как расшарить файл
    10. Гугл Докс (Google Docs)
    11. Ускоряем компьютер
    12. LibreOffice
    13. Поиск файлов на жестком диске
    14. Работа с почтой. Введение
    15. Работа с почтой - правила деловой переписки
    16. Обзор почтовых сервисов
    17. Архиваторы
    18. Как ускорить Windows
    19. Как пропылесосить компьютер и зачем это нужно?
    20. Как установить или переустановить Windows
    21. Как грамотно планировать свои дела и не забывать о них. Часть 1
    22. Как ничего не забыть? Органайзеры, напоминания и календари. Часть 2
    23. ToDoist.com, Trello.com и планирование дел и задач. Часть 3
    24. Обучение слепой печати
    25. Обучение слепой печати - расстановка пальцев и другие советы
    26. Практикуемся в слепой печати с помощью Stamina
    27. Другие программы и сервисы для слепой печати
    28. Punto Switcher и как с ним подружиться
    29. Расширение файлов
    30. 20 ошибок пользователей
    31. Выделение текста с помощью клавиатуры
    32. Лишнее нажатие на клавиши
    33. Про формат PDF
    34. Виртуализация
    35. Сравнение Office 365 и Word Online (Excel Online)
    36. Установка Linux для новичков
    37. Материнская плата и слоты расширения
    38. Мегабайт или мегабит?
    39. Архиваторы
    40. Файловые менеджеры и Unreal Commander
    41. Стоит ли покупать SSD?
    42. Берегите глаза
    43. Чистка компьютера от мусора
    44. Малые графические редакторы
    45. ЛайфХак по сохранению файлов
    46. Как сделать текст под углом в Google Таблицах?
    47. Практика по Excel и Гугл.Таблицы
    48. Как сделать текст размытым в программе Pinta
    49. Как обрезать лишнюю часть в изображении с помощью Pinta
    50. Как нарисовать стрелочку в Pinta
    51. Безопасность. Самый разыскиваемый хакер в истории!
    52. Не путайте Гугл Аккаунт и GMAIL
    53. Как в Гугл Таблицах сделать строки и\или столбцы закрепленными (прижатыми)?
    54. Ставим напоминание
    55. Как в Гугл Таблицах добавить несколько строк или столбцов?
    56. Как в Гугл Таблицах нескольким строкам сделать одинаковую высоту, а столбцам одинаковую ширину?
    57. Еще немного про организацию рабочего email
    58. Шкала прогресса
    59. Улучшаем тренинг
    60. Виды USB разъемов
    61. Задача Города по работе с Гугл Таблицами
    62. Блокировка рекламы Adblock
    63. Ваш отзыв
    64. Draw.io, Free Mind - рисуем графики, диаграммы, схемы и карты памяти
    65. Бонусы и решения к тренингу Компьютер для продвинутых
  3. HTML и CSS для начинающих
    1. Введение в HTML 5 и CSS 3
    2. Установка необходимых программ
    3. Как проверяются домашние задания
    4. Из чего состоят сайты
    5. Синтаксис HTML и что такое атрибуты тегов
    6. Минимальная структура html 5 документа (страницы)
    7. Тег BR для переноса строки (каретки на новую строку)
    8. Тег IMG и его атрибуты
    9. Тег P - параграф или абзац
    10. Теги H1, H2, H3 и т д
    11. Теги списков ul ol li
    12. Оптимизация изображений в вебе, форматы изображений, онлайн оптимизаторы
    13. Валидатор HTML validator.w3.org
    14. Справочники HTML и официальная документация
    15. Полный список одинарных тегов в HTML
    16. Теги em и i - делаем текст наклонным
    17. Тег b или STRONG? Какой лучше? Тег S
    18. Тег комментирования
    19. Тег DIV
    20. Тег А - создаем ссылки на сайте
    21. Актуальные атрибуты тега А
    22. Относительные и абсолютные адреса
    23. Якорь в HTML или ссылки на определенное место на странице
    24. Тег LINK и что такое FAVICON.ico Сервис realfavicongenerator.net
    25. Тег SPAN
    26. Теги для создания таблиц
    27. Тег iframe
    28. Тег ADDRESS
    29. Теги SUB и SUP
    30. Знакомство с JSfiddle.net, plnkr.co, codepen.io
    31. Введение в CSS
    32. Способы подключения CSS к html странице, тег LINK, тег STYLE, атрибут STYLE
    33. Синтаксис CSS, Селектор тега
    34. Классы как селектор в CSS
    35. Идентификаторы в CSS или просто ID
    36. Контекстный селектор или селектор потомков
    37. Контекстный селектор. Часть 2. Или селектор потомков
    38. Популярные псевдоклассы :hover, :last-child, :first-child
    39. Специфичность в CSS - про приоритет правил
    40. Решение проблем с приоритетом правил
    41. Инспектор кода Chrome Dev Tools
    42. Свойство COLOR и расширение colorzilla
    43. CSS Свойство font-size
    44. CSS background-color задает цвет фона
    45. Цвет в CSS
    46. Как сделать полупрозрачный фон?
    47. Закрепляем типы селекторов
    48. Как задать желтый цвет фона одному слову, а не всему параграфу?
    49. Как задать фоновую картинку правильно background-image
    50. background-repeat повторение фона
    51. CSS background position
    52. background attachment
    53. CSS линейный градиент. Генераторы.
    54. Задача на использование градиента
    55. CSS свойство background
    56. Как задать несколько фоновых картинок для одного тега (элемента)?
    57. Внутренний отступ padding
    58. Внешний отступ margin
    59. CSS border - как задать границу элементам?
    60. Как правильно задать ширину и высоту элементам, box-sizing
    61. Минимальная и максимальная высота и ширина, 100%, vh, vw
    62. Как скруглить углы? border-radius
    63. CSS Display block inline и сравнение блочных и строчных элементов.
    64. CSS text-decoration
    65. CSS свойство FLOAT и CLEAR
    66. Как разместить два DIV в один ряд - три способа
    67. FlexBox. Часть 1.
    68. FlexBox. часть 2 практическое применение
    69. Задачи на css флексбокс
    70. Задачки на отступы
    71. CSS обзор font-family
    72. CSS Список стандартных шрифтов. Сервисы распознавания шрифтов
    73. CSS Как использовать свой, нестандартный шрифт? @font-face практическое применение, Google Fonts
    74. Контрольная работа
    75. Практика верстки Урок 1 введение
    76. Практика верстки Урок 2 Основная структура html документа. Как создать html каркас по макету сайта используя css flex
    77. Практика верстки Урок 3 задаем ширину каркасным элементам
    78. Практика верстки Урок 4 Мелкие правки по каркасу
    79. Практика верстки Урок 5 Верстаем шапку сайта, логотип, телефон, заказ звонка. Расширение Pixel Perfect
    80. Практика верстки Урок 6 Верстаем верхнее меню
    81. Практика верстки Урок 7 Делаем боковую панель и контент в ряд
    82. Практика верстки Урок 8 Верстаем боковую панель и левое меню
    83. Практика верстки Урок 9 Верстаем цитату и Контент
    84. Практика верстки Урок 10 Верстаем блок Наши преимущества
    85. Практика верстки Урок 11 Верстаем футер
    86. Практика верстки Урок 12 Верстаем внутреннюю страницу
    87. Практика верстки Урок 13 Доверстываем внутренюю
    88. Практика верстки. Макет Народная качалка. Решение проблем с отображением шрифтов в GIMP
    89. Все что можно сделать через CSS - делайте!
    90. Задача: сверстать макет Хрусталь. Типичные ошибки.
    91. Задача: сверстать Flower Studio
    92. Подсказки по макету ФиксМед
    93. 4 способа решения верстки с верхним меню в ФиксМед
    94. Сверстать ФиксМед
    95. Как выложить верстку в интернет на свой домен
    96. Возможности HTML и CSS
    97. Задача: завести папку для портфолио с верстками
    98. Технические требования к верстке. Версия 2.3
    99. Отзыв о тренинге или курсах
    100. Доработать главную страницу ФиксМед
    101. Практика верстки резиновых макетов. Фитнес клуб.
    102. Что дальше?
    103. Как практиковаться? Где брать бесплатные шаблоны PSD?
  4. UserCMS для начинающих администраторов
    1. Вводный урок
    2. Что такое CMS?
    3. UserCMS обзор преимуществ и недостатков
    4. Подготовка к установке, требования UserCMS
    5. OpenServer установка
    6. Создаем локальные хосты в OpenServer
    7. Установка UserCMS
    8. Публичная часть и админка
    9. Как попасть в админку UserCMS
    10. Первый обзор панели управления и как редактировать и удалять страницы
    11. Как создать страницу в UserCMS
    12. Как создать резервную копию на UserCMS и восстановить ее
    13. Работа с меню в UserCMS
    14. Как установить свою тему в UserCMS
    15. Типы модулей в UserCMS
    16. Работа с формами
    17. Работаем с конструктором форм в UserCMS плагин FeedBack 2.0
    18. Как сменить email для заявок?
    19. Как восстановить пароль Администратора?
    20. Восстанавливаем резкопию сайта и пароль администратора UserCMS
    21. Что такое Favicon.ico? Как обновить кэш FavIcon
    22. Как заменить FavIcon.ICO
    23. Правильное наполнение контентом
    24. Работаем с галереей
    25. Работаем с новостями
    26. Как правильно вставить карту на сайт (плагины custom_html и custom_script)
    27. Очень важно
    28. Разместить сайт в интернете и бонусы от партнера
    29. Интеграция UserCMS и Битрикс24 CRM
    30. Интеграция UserCMS и Amo CRM
  5. PHP для начинающих
    1. Введение в тренинг по php
    2. Программы для программирования: обзор и установка
    3. Программист работает четко по ТЗ
    4. Откуда черпать информацию веб-программисту
    5. Особенности PHP
    6. Применение PHP
    7. Создание локальных хостов OpenServer
    8. Пишем первый код: Hello World
    9. Уровни ошибок (критические и не критические)
    10. Ошибки в коде - включаем вывод: error_reporting(E_ALL);
    11. Типы ошибок: логические и не логические
    12. Решение проблемы с кодировками (кириллицей, utf-8 без BOM)
    13. Знакомство с PHPfiddle.org и repl.it
    14. Переменная - контейнер для хранения информации
    15. Имена переменных
    16. Типы переменных
    17. Официальный сайт и официальная документация php.net
    18. Полезные сайты и форумы по PHP
    19. Математические операции - сложение, вычитание, умножение, деление
    20. Деление по остатку
    21. Математические операции, инкремент, декремент, rand и другие
    22. Математические операции: округление
    23. Генерация случайного числа, функция rand()
    24. Функция max
    25. sqrt - Квадратный корень
    26. number_format
    27. Формула
    28. Стандарт кодирования введение Coding style
    29. Стандарт кодирования Юнибикс
    30. Задача на Стандарт кодирования: правка php кода
    31. Задача на Стандарт кодирования: правка верстки
    32. РАЗДЕЛ: СТРОКИ. Работа со строками - введение
    33. Конкатенация — склеивание (объединение) строк
    34. Одинарные и двойные кавычки. Отличия в PHP 7
    35. Экранирование
    36. Функция trim
    37. Функция str_replace и немного про регулярные выражения
    38. mb_stripos
    39. Работа с мультибайтовыми строками utf-8
    40. Другие функции для работы со строками
    41. Функции для работы со строками
    42. Задача: Наклонный текст
    43. Определить расширение файла
    44. Подсчитать количество пробелов и других символов в тексте
    45. Начать читать две книги по PHP
    46. Встраиваем PHP в HTML. <<< EOT
    47. Комментирование и комментарии в PHP
    48. РАЗДЕЛ: ДАТЫ. Работа с датой и временем и метка времени timestamp и функция time()
    49. Функция strtotime
    50. Функция date()
    51. Функции работы с датой и временем
    52. Преобразовать в метку времени и назад
    53. РАЗДЕЛ: УСЛОВНЫЕ ОПЕРАТОРЫ. Условный оператор IF
    54. Условные операторы IF и SWITCH
    55. Elseif
    56. Преобразование в булев тип
    57. Операторы сравнения
    58. Логические операторы
    59. Оператор управления ошибками @
    60. Функции isset, empty и is_null
    61. Сокращенная запись IF ELSE (короткая запись)
    62. Високосный год
    63. Случайный день текущего или следующего года
    64. РАЗДЕЛ: ЦИКЛЫ. Цикл WHILE
    65. Цикл FOR и задача про яблоки
    66. Цикл DO WHILE
    67. Прерывание BREAK
    68. Задача про яблоки 2
    69. Альтернативный синтаксис управляющих структур
    70. Натуральное число
    71. РАЗДЕЛ: МАССИВЫ. Что такое массивы и зачем они нужны?
    72. Массивы официальная документация
    73. Как создать массив php
    74. Массивы. Термины ключ и значение
    75. Двумерные и многомерные массивы в PHP
    76. Удаление массивов целиком или элементов массива php
    77. Проход по массиву foreach
    78. Как дополнить массив при foreach
    79. Количество элементов в массиве count
    80. print_r и var_dump
    81. Массив $_SERVER
    82. Массив $GLOBALS
    83. Функции для работы с массивами
    84. Генератор паролей 1
    85. Генератор паролей 2
    86. Генератор паролей 3
    87. Обрезаем длинные слова
    88. Практика работы с массивами: Генерируем и сортируем массив
    89. Алгоритм решения задач по программированию
    90. Генератор рерайтов
    91. Как вам?
    92. Обрезка слов не на середине
    93. Задача на Кб, Мб, Гб
    94. Поставьте напоминание
    95. РАЗДЕЛ: Создание собственных функций
    96. Еще раз про функции
    97. Аргументы функции
    98. Возврат значений return
    99. Значение аргументов по умолчанию
    100. Функция транслитерации
    101. Область видимости переменной
    102. РАЗДЕЛ: ФАЙЛЫ. копирование, переименование, перемещение, удаление файлов
    103. Создание, удаление и переименование папок
    104. Функции для работы с файлами и папками, zip архивами, ftp, sftp, cURL
    105. Беда с путями и урлами у программистов
    106. Подключение файлов require и include
    107. Разбор ошибок и типичные ошибки при программировании у учеников
    108. Функция mail()
    109. Работа с FTP (ФТП): назначение, подключение, клиенты
    110. FileZilla знакомство, FTPsync для Sublime text
    111. Отладка кода для начинающих
    112. Типичные ошибки в коде начинающих программистов и учеников
    113. Золотые правила начинающего веб-программиста
    114. Проверка по книгам
    115. РАЗДЕЛ: ФОРМЫ. Работа с формами. Часть 1. Тег form и его атрибуты
    116. Верстка формы Регистрации
    117. Верстка формы Поиска
    118. Работа с формами. Часть 2
    119. Работа с формами. Часть 3
    120. Работа с формами. Часть 4
    121. Работа с формами. Часть 5
    122. Если обновить страницу, то данные отправятся еще раз
    123. Как определить что форма отправлена
    124. Не делайте POST если есть возможность сделать GET
    125. Каталог статей и пагинация
    126. Закрепляем удаление файлов, $_GET и $_POST. Доработка каталога статей
    127. Как выглядят удобные формы
    128. Поиск и подсветка слов
    129. Загрузка файлов из формы, $_FILES,
    130. Насколько вы предусмотрительны
    131. Усложненная загрузка файлов из формы
    132. Мультиаплоад файлов на PHP
    133. Форма обратной связи
    134. Правильный вызов функции mail() и отправка писем с вложениями mail_pro()
    135. Антибот №1 - простая текстовая капча
    136. Контрольная работа
    137. ООП. Первое знакомство
    138. РАЗДЕЛ: ПРАКТИКА. Зачем много практики и дз?
    139. Видео уроки php
    140. Задача: завести папку для портфолио с кодом
    141. Определить браузер пользователя
    142. Файловый менеджер
    143. Файловый менеджер 2
    144. Как проверяются домашние задания
    145. Файловый менеджер 3
    146. Натуральное число 2
    147. ПриветМойМир
    148. Задача про груши
    149. Задача: последний рабочий день
    150. Задача: последний рабочий день 2
    151. Задача: последний рабочий день 3
    152. Массив вопросов и ответов
    153. Массив вопросов и ответов 2
    154. Генератор слов из букв
    155. Калькулятор расчета стоимости часа
    156. Курсовая работа для веб-программистов на 1 курсе
    157. Обзор вакансии PHP программиста
  6. Разработка лендинга под ключ
    1. Введение в разработку лендинга
    2. Знакомство с Bootstrap
    3. Установка и подключение bootstrap 4
    4. Задаем основную структуру
    5. Верстаем верхнее меню bootstrap navbar
    6. Подключаем шрифт с Google Fonts
    7. Верстаем первый блок с Главным дескриптом заголовком
    8. Верстаем блок с цифрами
    9. Верстаем блок с тарифами или Наши услуги
    10. Верстаем инлайн форму bootstrap 4
    11. Верстаем блок Гарантии
    12. Верстаем блок Сотрудники
    13. Верстаем блок Схема сотрудничества
    14. Верстаем блок Контакты
    15. Верстаем модальные окна modal bootstrap 4
    16. Вставляем иконки используя Font Awesome
    17. Плавный скроллинг к элементу по клику и якорю
    18. Вставляем кнопку плавной прокрутки вверх back to top scrollToTop
    19. Натягиваем верстку на CMS
    20. Встраиваем формы для заявок согласно 152 ФЗ о защите персональных данных
    21. Доводим сайт до идеала и показываем модальное окно после перезагрузки страницы
    22. Добавляем ненавязчивое приглашение через 15 секунд
    23. Как создать резервную копию и восстановить ее на UserCMS
    24. Курсовая работа по лендингу
    25. Бонус

Получите программу курса на почту или распечатайте её

Распечатать программу