วีดีโอ

В этом ролике мы добавим адаптив первому экрану сайта. Научимся работать с медиа запросами и как верстать резиновый фон. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка адаптивной, мобильной версии сайта 1:30 - делаем резиновый бэкграунд 2:30 - горизонтальный скролл 8:40 - убираем html тэг br 16:00 - добавляем адаптив картинкам 20:30 - кому...

В этом ролике я расскажу про адаптивную верстку. Как сверстать мобильную версию сайта. Разберем что такое медиаквериз. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - адаптивная верстка 0:25 - медиа квериз css 2:30 - маркеры из - за которы нужно делать адаптив 6:30 - начинаем верстку адаптива 9:40 - лайфхак по адаптивной верстке

В этом ролике мы будем доделывать верстку исправлять ошибки. Так же позакомимся как добавить кроссбраузерность (autoprefixer) и научимся минифицировать стили css. Зальем наш сайт на бесплатный хостинг github-pages Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка сайта с фигма 0:45 - изменяем курсор при наведении 1:15 - прави header 5:00 - au...

В етом ролике мы закончим верстать наш лендинг. Cверстаем footer c помощью html, css. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстай footer сайта 0:40 - тэг footer html. Html структура 2:45 - подключаем картинку 4:00 - добавляем стили css 10:20 - получаем последний элемент css. last-child #html #css #htmlforbeginner #htmltutorial #csstutor...

В этом ролике мы создавали предпоследнюю часть сайта перед футером. Макет взяли с фигма. Технологии были css html. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка сайта 1:28 - задаем html структуру 2:00 - добавляем стили css 9:50 - как находить ошибки в вертске на сайте 12:30 - добавляем картинки на сайт #html #css #htmlforbeginner #htmltut...

В этом ролике я рассказываю как сделать гибкий аккордеон секцию ответы на вопросы с помощью js. Так же займемся версткой css, html. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка гибкого аккордеона js 1:50 - получаем все элементы document.QuerySelectorAll 4:30 - получаем элементы внутри родителя el.childNodes 7:30 - fit-content размер блок...

В этом виде мы будем верстать блок с ответами на вопросы с помощью css, js, html. Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка сайта 0:54 - создаем структуру html 2:50 - добавляем стили css 9:30 - как будем делать эффект аккордеона 12:55 - пишем логику js7. Получаем элементы html document.querySelector 13:20 - добавляем ивент клик на кно...

Настает момент когда нужно искать работу. Вот он настал и у меня, но меня достало заполнять разные формочки на сайтах агрегаторах вакансий. По этому я решил создать вот такой скрипт, который соберет контакты нужных мне IT компаний и выдаст мне. А я в свою очередь просто разошлю в один клик туда свое резюме. Самое забавное что это заняло у меня всего 50 строк кода на javascript. В качестве библи...

В этом ролике будем верстать сайт с макета фигма используя css, html Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстка макета фигма 1:20 - переиспользуем html элементы 3:00 - экспортируем картинки в проект 4:00 - зачем экспортировать именно svg 6:25 - верстай быстро 8:00 - добавляем style css 17:50 - исправляем контент html #html #css #htmlfo...

Парсинг на javascript ето просто за 10 мин. В етом ролике расскажу как легко парсить сайты с помощью node js puppeteer. ССЫЛКИ НА УРОКИ ПО ПАРСИНГУ - 1) th-cam.com/video/Bow_TtsoZhc/w-d-xo.html 2) th-cam.com/video/WkhtXUQ0F6c/w-d-xo.html 3) th-cam.com/video/TTjvH0VzcCM/w-d-xo.html 0:00 - Почему парсинг будет всегда актуален? 0:37 - Почему парсинг ето простой навык? 1:00 - Идея парсера 1:11 - На...

В этом ролике мы будем верстать карточки nft с помощью css html. Верстать и позиционировать мы их будем с помощью флексбокс (flex). Код из видео - t.me/ineyeblog/136 Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - верстаем сайт с фигма 0:50 - похожие элементы на html сайте. Делаем общий class 4:50 - почему важно замечать общие элементы на сайте 12:45 - добавляем стили css 21:30 - д...

В етом видео научимся создавать звезду с помощью css. SVG / HTML символы / Clip-path Полезные ссылки с видео здесь - Подписывайтесь на мой телеграм канал - t.me/ineyeblog 0:00 - Как рисовать стрелку с помощью css 0:55 - Рисуем звезду с помощью свойства css clip-path 1:32 - Создаем звезду с помощью html символов 2:30 - Создаем звезду с помощью svg картинки

Верстка сайта FIGMA с нуля. HTML/CSS/JS №6

Верстка сайта FIGMA с нуля. Верстаем svg картинки . HTML/CSS/JS №5

Верстка сайта FIGMA с нуля. Вставляем картинки. HTML/CSS/JS №4

Верстка сайта FIGMA с нуля. Верстаем первый экран, подключаем шрифты . HTML/CSS/JS №3

Верстка сайта FIGMA с нуля. Верстаем header . HTML/CSS/JS №2

Верстка сайта FIGMA с нуля. Верстаем header . HTML/CSS/JS №1

Уроки позиционирование блоков в css | Css уроки position

Как растянуть картинку в div css

Как нарисовать стрелку на css. HTML символы / clip-path / SVG / PNG

Flex для верстальщика. Уроки верстки на флексах / flexbox.

CSS для начинающих c 0. Синтаксис, свойства, стили, подключение файла к HTML.

HTML для начинающих с 0 за 5 минут

Управляем браузером с помощью Puppeteer | click, type, press waitForTimeout

Парсинг / Web Scraping обучение | Puppeteer $$ $eval evaluate

Парсинг первые шаги | Puppeteer $eval

Puppeteer настройка окружения | pupputeer урок

Захват интернета | Node.js, Puppeteer