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