1
|
Первое знакомство
|
Степанцев Альберт
|
Здравствуйте!
Сегодня мы с вами начинаем погружение в мир программирования. Впереди долгий путь, от новичка до профессионала, и я надеюсь, что каждый из вас пройдет этот путь до конца. А начнем мы с базовых понятий, знание которых нам будет требоваться в течение всего курса:
- Как работает интернет? Что такое HTML и HTTP?
- Технология "Клиент-сервер"
- Установка локального сервера на свой компьютер и понимание принципа его работы
- Семантика, разметка страницы
Закончится занятие созданием первой простейшей страницы вашего будущего сайта.
|
2
|
Разметка и стили
|
Степанцев Альберт
|
На первом занятии мы с вами сделали первую страничку вашего будущего сайта. Продолжим сегодня эту работу, попутно осваивая азы нужных нам технологий:
- Еще раз о семантической разметке
- Разделяем понятия "разметка" и "стили", знакомимся с CSS
- Каскадные стили, селекторы
- Простейшие правила CSS
|
3
|
Адреса, пути и ссылки
|
Степанцев Альберт
|
Сегодня мы поговорим о том, что делает интернет - интернетом. О гиперссылках. И заодно научимся еще многим полезным вещам!
- Понятие URL, компоненты URL
- Абсолютные и относительные адреса на простых примерах
- Понятие гиперссылки и гипертекста
- Учимся вставлять изображения и внешние стили в свои страницы
В результате работы на занятии ваша персональная страничка начнет превращаться в полноценный сайт из нескольких страниц.
|
4
|
Блочная модель. Фреймворки для вёрстки.
|
Степанцев Альберт
|
На занятии мы познакомимся с понятием "Фреймворк" на примере одного из самых популярных фреймворков для верстальщиков Twitter Bootstrap:
- Сначала обсудим понятие "Блочная модель", познакомимся с тегами div и span, разберем работу CSS-свойства display
- Общее знакомство с фреймворком Bootstrap
- Модульная сетка, адаптивность
- Компоненты вёрстки - обзор
- Темы оформления для вашего сайта
- Рецепты быстрого старта
|
5
|
Встречаем PHP!
|
Степанцев Альберт
|
Настала пора сделать наш сайт чуть более динамичным! Попробуем на примере работы с несложной формой ввода понять, как устроены программы на языке PHP!
- Общее знакомство с языком PHP. Принципы его работы. Настройка локального сервера.
- Значения, выражения, типы и переменные.
- Пишем первую программу на PHP и встраиваем ее в HTML
- PHP как шаблонизатор для HTML
- Работаем с данными от пользователя - делаем форму обратной связи
|
6
|
PHP - что еще интересного?
|
Степанцев Альберт
|
Давайте немного пристальнее взглянем на язык PHP. Что еще полезного для нас он может?
- Массивы
- Работа с файлами
- Условия
- Циклы
- Функции
Делаем гостевую книгу на нашем сайте!
|
7
|
PHP: Взаимодействие с пользователем
|
Степанцев Альберт
|
Настала пора объединить все ваши знания воедино!
Разберемся с тем, как загружать и обрабатывать файлы. Попробуем, основываясь на том, что мы уже изучили, сделать несложную фотогалерею для нашего сайта.
|
8
|
Знакомство с JavaScript
|
Степанцев Альберт
|