Скачать "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни"

"videoThumbnail Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни

UI-компоненты №19. Блок характеристик в интернет-магазинах

UI-компоненты №19. Блок характеристик в интернет-магазинах

Канал: MaxGraph - cайты как страсть

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 2

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 2

Канал: Онлайн-школа METHED

JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API)

JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API)

Канал: MaxGraph - cайты как страсть

Адаптивная верстка письма на фреймворке MJML

Адаптивная верстка письма на фреймворке MJML

Канал: MaxGraph - cайты как страсть

Верстка сайта с нуля! 7 000 за 2 дня! Повторяй! Верстай! Зарабатывай! #3

Верстка сайта с нуля! 7 000 за 2 дня! Повторяй! Верстай! Зарабатывай! #3

Канал: Обучение HTML, CSS, JavaScript | Анатолий Ивашов

Адаптивная верстка письма с нуля (email верстка)

Адаптивная верстка письма с нуля (email верстка)

Канал: MaxGraph - cайты как страсть

HTML для начинающих за 33 минуты

HTML для начинающих за 33 минуты

Канал: Дмитрий Ко

CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5

CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5

Канал: Фрілансер по життю

Верстка сайта с нуля из Figma для начинающих #2

Верстка сайта с нуля из Figma для начинающих #2

Канал: [DELETED]

HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1

HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1

Канал: Фрілансер по життю

что такое верстка

Что такое HTML

Как работает сайт

HTML верстка что это

фрилансер по жизни

Что такое CSS

кто такой верстальщик

верстка сайта что это

что такое верстка сайта

html верстка

верстка сайта html

верстка

верстка сайта

Что такое JS

изучать верстку

зачем нужна верстка сайта

верстка для начинающих

html верстка для начинающих

обучение верстке

верстка с нуля

верстка сайта с нуля

html

css

css3

что такое HTML верстка

что такое HTML верстка сайта

фрилансерпожизни

00:00:02

верстка сайта кто такой верстальщик

00:00:05

стоит ли сегодня изучать html и вёрстку

00:00:07

и сложный лет наверстаю сайты уже более

00:00:10

10 лет и сейчас обо всем расскажу

00:00:12

поехали вёрстка веб-страниц

00:00:16

либо html верстка это один из этапов

00:00:18

разработки web-сайта а конкретнее это

00:00:21

создание структуры веб-страницы либо ее

00:00:24

части на основе языка разметки каскадных

00:00:27

таблиц стилей клиентских сценариев

00:00:29

таким образом чтобы результат отлично

00:00:31

смотрелся в разных браузерах и

00:00:33

устройствах а также максимально

00:00:35

соответствовал предоставленному макету

00:00:38

непонятно давай разбираться а начну с

00:00:41

того что если ты хоть раз заходил либо

00:00:43

заходила на любой веб-сайт то однозначно

00:00:46

имел дело с html версткой и вот как это

00:00:49

работает

00:00:50

откроем браузер например chrome далее

00:00:55

перейдем на абсолютно любой сайт ну

00:00:57

например instagram для этого вводим

00:00:59

адрес сайта в адресной строке нажимаем

00:01:02

энтер нужный сайт открылся почти

00:01:05

моментально но за это время успели

00:01:07

произойти некоторые действия общих

00:01:09

чертах произошло следующим сперва

00:01:12

браузер отправил наш введенный адрес

00:01:14

системы доменных имен dns

00:01:16

которая в свою очередь нашла на своих

00:01:18

серверах реальный адрес нашего сайта так

00:01:21

называемый айпи адрес далее запрос

00:01:24

полетел в направлении к нужному серверу

00:01:26

на котором наш сайт живет то есть

00:01:28

физически находится как скачанный филь

00:01:30

мест на твоем компе

00:01:32

сервер обработал наш запрос и вернул

00:01:34

браузеру ответ в виде определенной

00:01:36

информации браузер обработал этот

00:01:39

понятный ему код и выдал нам результат

00:01:42

который мы сейчас и видим

00:01:44

так вот понятный браузеру код есть наша

00:01:47

html верстка и мы легко можем ее

00:01:50

просмотреть находясь на сайте для этого

00:01:53

нажимаем правую кнопку мыши и в хроме у

00:01:56

нас есть два варианта первый это

00:01:58

просмотр кода страницы при нажатии

00:02:01

откроется

00:02:02

отдельная вкладка skoda и второй более

00:02:06

удобный это просмотреть пор при нажатии

00:02:09

откроется вот такая панель где в более

00:02:13

удобном компактном виде мы можем изучать

00:02:16

инспектировать верстку конкретного сайта

00:02:18

как правило верстка сайта выполняется с

00:02:21

помощью трех основных технологий html

00:02:24

язык гипертекстовой разметки создает

00:02:27

структуру каркас нашей верстки css

00:02:30

каскадные таблицы стилей описывает о как

00:02:33

наши верстка будет выглядеть и

00:02:35

взаимодействовать java script либо джесс

00:02:38

язык программирования добавляет

00:02:41

интерактивности к нашей верстки то есть

00:02:43

взаимодействие с пользователем выполняет

00:02:45

разного рода вычисления и может

00:02:48

использоваться для обмена данными поясню

00:02:50

на примере человеческого тела html это

00:02:53

наш скелет грамотно сконструированный

00:02:56

каркас поможет нам надежно стоять на

00:02:58

ногах при любых условиях

00:02:59

css это генетический код днк переданы из

00:03:03

макетов дизайна

00:03:04

он определяет цвет и размер наших глаз

00:03:07

тембр голоса тип кожи и так далее джесс

00:03:11

это наша нервная система и отчасти мозги

00:03:14

определяет тип нашего поведения с

00:03:17

другими людьми пользователями отвечают

00:03:19

на их вопросы

00:03:21

качественная современная верстка

00:03:23

обязательно должна быть адаптивной кросс

00:03:25

браузерной и быстрый что это значит

00:03:28

адаптивная верстка как бы подстраивается

00:03:30

под любой размер экрана монитора или же

00:03:33

мобильного устройства и при этом она не

00:03:36

должна ломаться процессе вид нашего

00:03:38

сайта может немного изменяться для

00:03:41

улучшения юзабилити

00:03:42

удобство пользования но том или ином

00:03:44

размере экрана

00:03:45

кроссбраузерная верстка максимально

00:03:48

одинаково отображается и работает на

00:03:50

всех популярных браузерах последних

00:03:52

версиях быстрый или оптимизированный

00:03:55

считается верстка который применен

00:03:57

комплекс действий что позволяет ей

00:03:59

максимально быстро открываться в

00:04:01

браузере

00:04:02

существует ряд техник создания

00:04:04

качественной адаптивной верстке как с

00:04:06

помощью фреймворков это такой

00:04:08

подключаемый набор из готовых css

00:04:11

свойств также чистым кодом

00:04:14

это могут быть и таблицы и flat рефлексы

00:04:16

что-то считается уже устаревшим что-то

00:04:18

более актуальным но на деле ни один из

00:04:21

способов не является идеалом у каждого

00:04:23

из них есть свои плюсы и минусы

00:04:25

более подробно и наглядно разбирать

00:04:28

методы и техники верстки но будем в

00:04:30

отдельных практических выпусках

00:04:32

специалист по html верстка фронт одевал

00:04:35

по или по простому верстальщик это

00:04:38

человек который создает магию

00:04:39

взаимодействия между пользователем и

00:04:41

сайтом либо приложения получаю на входе

00:04:44

безжизненно макеты дизайна

00:04:46

он кодируют их таким образом чтобы на

00:04:49

выходе получилось кроссбраузерная

00:04:50

адаптивная и быстрая верстка также

00:04:53

верстальщик может оживить ее анимацией и

00:04:56

interactive для более удобного

00:04:58

пользования либо создание вау-эффекта

00:05:00

какой же практически процесс разработки

00:05:03

html верстки нюансы этого процесса могут

00:05:06

изменяться в зависимости от того где

00:05:08

работает верстальщик как фрилансер либо

00:05:11

в офисе компании

00:05:12

но выглядит все примерно следующим

00:05:14

образом после того как дизайнер закончил

00:05:17

свой этап работы верстальщик у поступает

00:05:19

пакет файлов как правило в этот пакет

00:05:21

входит

00:05:22

подготовленные макеты дизайна том или

00:05:25

ином формате обычно это photoshop фильма

00:05:27

скетч адоб xd

00:05:29

и так далее shift и которые дизайнер

00:05:32

использовал а также техническое задание

00:05:34

это текстовый файл с описанием требуемых

00:05:38

работ конечно на практике так бывает не всегда

00:05:40

и зачастую предоставляют только макет и

00:05:43

дизайн и но именно такой набор

00:05:45

обеспечивают качественную и быструю

00:05:46

верстку далее мастер по верстке работает

00:05:50

с пакетом этих файлов из кодом

00:05:52

специальных программах о которых я

00:05:54

расскажу в отдельном выпуске

00:05:56

после завершения работ и общего

00:05:58

тестирования верстальщик демонстрирует

00:06:00

работу заказчику либо передает архив с

00:06:03

файлами верстки на следующий этап

00:06:05

программистом стоит ли сегодня изучать

00:06:08

html верстка

00:06:10

и сложно ли это конечно стоит мало того

00:06:13

это одно из не многих направлений

00:06:14

которые отлично подходят для старта

00:06:16

войти

00:06:17

обучение не займет много времени и сил а

00:06:20

для работы не требуется покупка

00:06:22

дорогостоящего оборудования

00:06:23

также верстка сочетают себе небольшие

00:06:26

технологии которые под силу освоить как

00:06:29

гуманитарию так этож нику минусом

00:06:32

является высокая конкуренция в этой

00:06:34

области но при ответственном подходе к

00:06:36

работе а также следуя советам которыми я

00:06:39

делюсь на этом канале тебе не какая

00:06:41

конкуренция не страшно этим выпуском

00:06:45

стартует целый плейлист различных видео

00:06:47

с информацией с практическими уроками по

00:06:50

html горски

00:06:51

так что обязательно подписывайся на

00:06:53

канал и помни живи работой свободное

00:06:56

время

00:06:57

[музыка]

Описание:

Что такое верстка сайта. Как работает сайт. Что такое HTML CSS JS? Кто такой верстальщик? Стоит ли сегодня учить верстку и сложно ли это? Что такое верстка сайта? Специалист по HTML – верстке (Front-end Developer) либо по-простому верстальщик, это человек который создает магию взаимодействия между пользователем и сайтом либо приложением. Что такое верстка сайта сегодня и стоит ли её изучать? Конечно стоит! Мало того, это одно из направлений которое, отлично подходит для старта в IT. Обучение не займет много времени и сил, а для работы не требуется покупки дорогостоящего оборудования. Так же верстка сочетает в себе технологии освоить которые под силу как точнику так и гуманитарию. ---------------------------------------------------------------------------------------------- Плейлист с БЕСПЛАТНЫМ курсом и УРОКАМИ по HTML CSS JS верстке: https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr ----------------------------------------------------------------------------------------------- Instagram: https://www.facebook.com/unsupportedbrowser Facebook: https://www.facebook.com/unsupportedbrowser Telegram канал: https://t.me/freelancer_lifestyle или https://teleg.run/freelancer_lifestyle ----------------------------------------------------------------------------------------------- Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle -----------------------------------------------------------------------------------------------

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.