Обзор Frontend и Backend технологий

Name: Обзор Frontend и Backend технологий
Rating: 4.5 (630 reviews)

Создание нано-проекта с использованием основных Web-технологий: HTML + CSS + JavaScript + PHP + MySQL.

Created byЕвгений Волосатов

Last updated 6/2019

Russian

What you'll learn

Frontend
Backend
HTML
CSS
JavaScript
PHP
MySQL
PDO
Session

Course content

2 sections • 9 lectures • 1h 13m total length

HTML6:49
На этом уроке мы создадим HTML страницу со счётчиком.
Страницу можно открыть в браузере без использования web-сервера.
CSS8:57
На этом уроке мы добавим на страницу стили тремя разными способами.
Первый способ - мы добавим стиль в виде атрибута style у элемента разметки.
Второй способ - мы используем теги style внутри тегов head.
Третий способ - мы разместим стили в отдельном файле.
JavaScript8:35
На этом уроке мы будем запускать JavaScript-функцию alert() при нажатии на кнопку.

Server6:54
На этом уроке мы превратим свой компьютер в веб-сервер.
Для этого мы воспользуемся платформой OSPanel https://ospanel.io
Вы можете установить веб-сервер и другими способами.
PHP9:58
На этом уроке мы напишем РНР-скрипт, чтобы наша кнопка заработала.
Session6:30
В этом уроке мы задействуем сессию для хранения значения счётчика.
MySQL7:12
На этом уроке мы создадим базу данных MYBASE
с помощью программы HeidiSQL, входящей в пакет OSPanel.
В базе MYBASE создадим таблицу mytable.
В таблице mytable создадим целочисленный столбец counter.
Реализуем запросы SELECT... и UPDATE... для поля counter.
PDO6:20
На этом уроке мы воспользуемся классом PDO
для подключения к базе данных и выполнения запросов из РНР.
Parent12:31
На этом бонусном уроке мы увидим, как можно "подружить" JavaScript и PHP.
При нажатии кнопки запускается JavaScript, который вызывает PHP, результатом которого является JavaScript код, который меняет показание счётчика.
Вот такая вот Матрёшка получается!

Requirements

Иметь понятие о Web-технологиях

Description

Обзор 5 технологий по создании динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL.

На этом видеокурсе мы напишем очень простой Web-сайт с целью проследить взаимодействие Web-технологий.

Мы специально упростили задачу до тривиального счётчика нажатий кнопки, чтобы можно было чётче увидеть взаимосвязь Web-технологий, чтобы сложности проекта и обилие кода не мешало восприятию.

Курс состоит из 2 разделов:

1. Frontend - клиентская часть с технологиями HTML + CSS + JavaScript.

2. Backend - серверная часть с технологиями PHP + MySQL.

Видеокурс состоит из 9 коротких уроков, на каждом из которых мы рассматриваем отдельную технологию и задействуем её в нашем проекте.

В последенем бонусном уроке мы посмотрим, как можно организовать "вызов" РНР-кода из JavaScript функций, без использования AJAX и jQuery.

Who this course is for:

Начинающие web-мастера
Начинающие программисты

Обзор Frontend и Backend технологий

What you'll learn

Explore related topics

Course content

Frontend - Клиентская часть3 lectures • 24min

Backend - Серверная часть6 lectures • 49min

Requirements

Description

Who this course is for: