Что такое веб-разработка?

Vasilika Klimova

SkillUp.lu

Давайте знакомиться!

Web Developer

Speaker

Teacher

Что же такое веб-разработка?

Немного статистики

4.66 млн. людей регулярно используют Интернет

Интернет

url

данные

Почему именно

веб-разработка?

1

2

3

4

5

Профессии в

веб-разработке

Дизайнер + Программист

Веб-дизайнер

User Experience Designer / UX Дизайнер
User Interface Designer / UI Дизайнер

UX Designer

UI

Designer

Инструменты дизайнера

Сервер

Backend

Интерфейс

Frontend

Веб-разработчик 👇

HTML Coder
Frontend Разработчик / UI Developer
Backend Разработчик
Fullstack Developer = (Frontend + Backend) Developer

UI Designer ≠ UI Developer

HTML Coder

HTML + CSS

Frontend Developer

HTML + CSS + JavaScript

Frontend Developer

HTML + CSS + JavaScript

Other professions

Quality Assurance Engineer (QA) Тестировщик
Content manager - наполнение контента
Digital marketing - маркетолог

Зарплаты в веб-разработке

Статистика

Языки программирования

Итак, с чего же начать изучать веб-программирование?

Интернет

HTML, CSS, JavaScript,

Картинки

HTML

HTML теги

<section>
    <h2>Title</h2>
    <p>Description</p>
</section>

HTML теги

<section>
    <h2>Title</h2>
    <p>Description</p>
</section>

<tagName>content</tagName>

<p>Description</p>

<tagName attribute="attributeValue">content</tagName>

Схема написания тегов:

HTML теги

<section>
    <h2>Title</h2>
    <p>Description</p>
</section>

<tagName>content</tagName>

<p>Description</p>

<tagName attribute="attributeValue">content</tagName>

Схема написания тегов:

CSS

Почувствуй разницу!

h2 {
    color: green;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

CSS свойства

All CSS properties

h2 {
    color: green;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

CSS свойства

All CSS properties

JavaScript

go.pioneer.com/cornrevolution

Давайте попробуем!

VSCode

SkillUp.lu

Made with Slides.com