Intro

Web-fundamentals

Translate to en

## Как устроен курс
 #### Примерный план:
 ---
 ## Как устроен курс
 #### Примерный план:
 1. HTML, CSS: немного верстки
 ---
 ## Как устроен курс
 #### Примерный план:
 1. HTML, CSS: немного верстки
 1. JS: Интерактивность
 ---
 ## Как устроен курс
 #### Примерный план:
 1. HTML, CSS: немного верстки
 1. JS: Интерактивность
 1. Браузер: Web APIs
 ---
 ## Как устроен курс
 #### Примерный план:
 1. HTML, CSS: немного верстки
 1. JS: Интерактивность
 1. Браузер: Web APIs
 1. Сеть, протоколы, клиент/сервер
 ---
 ## Как устроен курс
 #### Примерный план:
 1. HTML, CSS: немного верстки
 1. JS: Интерактивность
 1. Браузер: Web APIs
 1. Сеть, протоколы, клиент/сервер
 1. Frameworks

## Как устроен курс
 #### Особенности:
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 - общий <a href="https://dimaamega.github.io/web-fundamentals/" target="_blank" rel="noopener noreferrer">рейтинг</a> и таблица с задачами
 <img src="https://user-images.githubusercontent.com/32310771/232261246-1a033565-4aa5-42e3-86fc-8d4edb788669.png" alt="">
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 - общий <a href="https://dimaamega.github.io/web-fundamentals/" target="_blank" rel="noopener noreferrer">рейтинг</a> и таблица с задачами
 <img src="https://user-images.githubusercontent.com/32310771/232261340-133d878b-898b-43cf-9e9e-57a09ee7051f.png" alt="">
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 - общий <a href="https://dimaamega.github.io/web-fundamentals/" target="_blank" rel="noopener noreferrer">рейтинг</a> и таблица с задачами
 - много практики (надеюсь 😉)
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 - общий <a href="https://dimaamega.github.io/web-fundamentals/" target="_blank" rel="noopener noreferrer">рейтинг</a> и таблица с задачами
 - много практики (надеюсь 😉)
 - автоматическая <a href="https://github.com/DimaAmega/web-fundamentals/actions/runs/4409122555" target="_blank" rel="noopener noreferrer">система</a> проверки
 <img style="display: block; margin: 0 auto;" height="230" src="https://user-images.githubusercontent.com/32310771/232261390-4852f1e3-52d6-4613-b2e8-a0c09cfb932d.png" alt="" srcset="">
 ---
 ## Как устроен курс
 #### Особенности:
 - полностью <a href="https://github.com/DimaAmega/web-fundamentals" target="_blank" rel="noopener noreferrer">сделан</a> в web
 - общий <a href="https://dimaamega.github.io/web-fundamentals/" target="_blank" rel="noopener noreferrer">рейтинг</a> и таблица с задачами
 - много практики (надеюсь 😉)
 - автоматическая <a href="https://github.com/DimaAmega/web-fundamentals/actions/runs/4409122555" target="_blank" rel="noopener noreferrer">система</a> проверки
 - интересные задачи (надеюсь 😉)

О web

Преимущества:

Приложения изначально кроссплатформенные
Приложения не нужно устанавливать (большая доступность)
Широкая функциональность

Недостатки:

О web

Недостатки:

Нативность

О web

Недостатки:

Нативность
Производительность...?

О web

Недостатки:

Нативность
Производительность...?

Webassembly? WebGPU API? 🧐

О web

Клиент/Сервер

Полезные ссылки: doka и developer.mozilla.org

O web

Полезные материалы по HTML/CSS:

O web

Полезные материалы по HTML/CSS:

O web

О web

мемы в студию!

О web

мемы в студию!

О web

Что точно пригодится:

Визуализация

Next-gen научные статьи

Источник

Показать кол-во строк кода: cloc .

О web

Что точно пригодится:

Визуализация
Интерактивные презентации
Простенькие статические сайты
(персональные, лендинги и т.п.)

О web

Удобство в изучении

Рассмотрим документуацию двух популярных библеотек: Boost (C++) и React (js)

О web

Есть исключения

Изучайте rust 😁

Web-fundamentals

Intro

О web

Преимущества:

Недостатки:

О web

Недостатки:

О web

Недостатки:

О web

Недостатки:

О web

Клиент/Сервер

O web

O web

Полезные материалы по HTML/CSS:

O web

Полезные материалы по HTML/CSS:

O web

O web

O web

О web

мемы в студию!

О web

мемы в студию!

О web

О web

Что точно пригодится:

Next-gen научные статьи

О web

Что точно пригодится:

О web

Удобство в изучении

О web

Есть исключения

Js

Не только Web

Сдаем задачку вместе

Все :3