#3 - Як створюються сайти? Дивимося код чужого проекту

#3 - Як створюються сайти? Дивимося код чужого проекту

Перед вивченням HTML нам варто дізнатися для чого взагалі він потрібен і які додатково потрібні мови програмування для створення веб-сайту. За відео ми поговоримо на тему розробки веб-сайтів та розглянемо ключові мови та технології для розробки сайтів.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Front-end та Back-end

При створенні веб-сайту завжди є дві сторони: Front-end та Back-end. Front-end – це поняття, що визначає розробку зовнішнього вигляду сайту. Back-end – це друге поняття, що визначає розробку серверної частини сайту. Чим би ви не хотіли займатися в майбутньому, але вам у будь-якому випадку потрібно вивчити HTML та CSS. Це – немов таблиця множення у математиці. Вивчіть її, щоб потім розуміти подальші дії.


Незалежно від того, чи хочете ви робити функції пов'язані з сервером (створення коментарів, робота з базою даних, налаштування куки...) або ж хочете робити зовнішній вигляд сайту (створювати дизайн, розмітку...) вам у будь-якому випадку потрібно вивчити HTML та CSS.


Що за що відповідає?

За рахунок HTML ви зможете вказати, які об'єкти повинні бути на сторінці: кнопки, текст, форми і так далі. HTML лише дозволить розставити всі об'єкти і спочатку вони будуть виглядати не особливо красиво.

Тут набирає чинності CSS. Він дасть вам можливість вказати стилі будь-якого HTML об'єкта. За допомогою CSS та HTML ви вже зможете робити гарну розмітку веб-сайтів. Ваші сайти будуть нічим не гіршими, ніж повноцінні веб-проекти, що ви бачите щодня на тисячах сайтів.

У той же час, HTML і CSS не дає ніякої функціональності. У вас буде сайт, він буде гарним, але без функцій. Тому вам варто ще обов'язково вивчити JavaScript. Він дозволить створювати функції користувача, що виконуються в браузері і для їх виконання не потрібно перезавантаження сторінки.


І останнє, вам варто вивчити мову, що працюватиме із серверною частиною сайту. Таких мов багато, але найпростіша мова це PHP. За рахунок подібної мови ви зможете працювати з базою даних, створювати реєстрацію, систему коментарів та багато іншого.


Базис, що потрібний вам для розробки веб-сайтів такий: HTML, CSS, JavaScript і PHP. Причому замість PHP можна вибрати Python, Java, C++ чи іншу серверну мову.

Крім базису є багато супутніх технологій. Зараз ми рекомендуємо вам у них не вдаватися і поки що лише вивчити: HTML, CSS та JavaScript.

Онлайн редактор коду

Завантаження...

Завдання до уроку

Клієнтські та серверні мови

Що таке серверна та що таке клієнтська мова програмування?

Подивитися відповідь

Сама собою JavaScript є клієнтською мовою, що виконується лише на стороні клієнта – у браузері. 


Важливо: не йдеться про платформу Node JS, що дозволяє виконувати скрипти на стороні сервера. 


Серверні мови – це мови програмування, що виконують обробку функцій на сервері. До таких мов можна віднести: PHP, Python, Java, Node JS, Ruby та багато інших.

Отримати інші домашні завдання можна після підписки на проект

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Изучение HTMX с нуля / Проект на HTMX и Flask
Відеокурс з PHP, MySQL / Створення динамічного сайту
Сучасна верстка адаптивного веб-сайту
Создание адаптивного сайта
Изучение ASP.NET Core MVC. Создание сайтов на C#
Коментарі
Додати коментар

Поки що коментарів немає