Урок по верстке (HTML5/CSS3/JS) из Figma на Bootstrap 4: верстаем полноценный адаптивный лендинг с нуля, устанавливаем jQuery-слайдер JS и работаем с CSS Transition. Будет полезно для начинающих верстальщиков и frontend разаработчикам.

СКАЧАТЬ МАКЕТ И ВЕРСТКУ: wayup.in/lm/load/gravity

— Другие мастер-классы по теме:

Как сверстать сайт и выложить на хостинг. Реальная практика:
www.youtube.com/watch?v=5jAxNM8EJs8

В этом видео мы верстаем одно страничный сайт по макету PSD с нуля и до его завершения. Это видео содержит в себе все уроки из курса Верстка из PSD. И для того чтобы вам было удобно его смотреть я сделал для вас интерактивное содержание.

Видео курс по HTML CSS для начинающих: youtu.be/MsDIIZbmsdU

Благодарность автору ( ₽ )
1. Сбербанк VISA: 4274 3200 3233 1582
2. Yandex: 410011260821995 — yasobe.ru/na/itdoctor
3. Станьте спонсором канала: www.youtube.com/channel/UC2Ev-rDSHBov0ZMChesLfrg/join

✅ Я, Исмаил Усеинов
ВК — vk.com/morphop
Группа ВК — vk.com/itdoctorstudio
Instagram — instagram.com/ismail_asanovich/
GitHub — github.com/morphIsmail
Twitter — twitter.com/ITDoctor_morph

00:00:50 Подготовка к верстке: youtu.be/pJFBGk1uQgU
00:16:20 Верстка меню: youtu.be/WgUBZaJPT5s
00:36:05 Шапка и О нас: youtu.be/PGQ20dpOFPI
01:01:50 Наши услуги: youtu.be/IjmWuJN7OHs
01:24:27 Портфолио на jQuery часть 1: youtu.be/d1zd15eMU-U
01:47:26 Портфолио на jQuery часть 2: youtu.be/ytidhTOeO_Y
01:57:19 Тарифные планы: youtu.be/2khHKa8ETSQ
02:15:32 Наша команад (Slick Slider): youtu.be/AJ11lOvytH4
02:39:57 Блог: youtu.be/_hfYufBu764
02:55:17 Форма и футер: youtu.be/HO28NiOc2m8
03:12:13 Адаптив под Планшет: youtu.be/1i07sWa-Ga4
03:42:34 Адаптив под Смартфоны: youtu.be/WBTWHrJ9MwE

Файлы на Google Диске: drive.google.com/file/d/1K7frlp9T83SF61GqccBD1mxO-KmvD_Me/view?usp=sharing
Файлы на Yandex Диске: yadi.sk/d/CtRanCZ06pEQBw
Репозиторий на GitHub: github.com/morphIsmail/bemWithBootsrap

Плейлист: www.youtube.com/playlist?list=PLuY6eeDuleIMbdiCzaZuPjxXE24eAG5qo

Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.

Тема в VSC — плагин Material Theme

Макет — drive.google.com/file/d/1w5dkWhbh_LbGKCUfT-cXTlmo_405gmza/view?usp=sharing

Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/3eaDJKi

Ссылка на телеграм канал с впн:
teleg.one/from0to1ru
Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке.

Чат верстальщиков:
t.me/chat_from_0_to_1

Написать мне в ВК:
vk.com/vadimprokopchuk

Написать мне в телеграм:
t.me/silver8light

Отзывы о моем авторском курсе по верстке:
vk.com/topic-104892258_40476405

Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Как сделать сайт на html и css адаптивным? Быстрый видео-урок по адаптивной верстке и отзывчивому созданию сайтов для начинающих и интересующихся. Создать с нуля адаптивный Landing Page под моим присмотром: www.youtube.com/watch?v=xlwPU0BRQKQ

В видео я описал принцип создания адаптивных сайтов, которого придерживаются все современные фреймворки, типа Bootstrap.

Приятного просмотра!

Давайте проведем день вместе в Таиланде? Я веб-дизайнер и фрилансер с 8-летним опытом, уже около 2 лет живу в путешествии благодаря возможности работать откуда угодно. Вы увидите мой распорядок дня на острове Самуи, мое рабочее место на вилле, тренажерный зал, продуктовый магазин и фуд корты, путешествие к мумифицированному монаху/водопадам и многое другое!

Смотреть все выпуски:
1) www.youtube.com/watch?v=UN5c9xlNAuU
2) www.youtube.com/watch?v=CUi_qUoeHRs
3) www.youtube.com/watch?v=CNnXLt1WftE
4) www.youtube.com/watch?v=ucM1xzkOosc
5) (текущий) www.youtube.com/watch?v=UZJvbrf5oeg

Получайте ежедневно полезные советы, мастер-классы, вебинары, реалити-шоу о фрилансе (веб-дизайне, верстке) на канале сообщества свободных фрилансеров WAYUP!

Быстрый старт карьеры веб-дизайнера-фрилансера с моей личной поддержкой, ДЗ и консультациями: wayup.in/library/course6?source=yt_video_UZJvbrf5oeg

Связаться со мной:
reg@wayup.in
vk.com/andrewgavrilov_me
facebook.com/andrewgavrilovme
instagram.com/andrew.gavrilov

Бесплатный урок (обучение) верстке сайта с нуля на html5, css3, js из psd-макета. Расскажу, как сделать эффекты и анимацию. Работа над настоящим лендингом. Скачать файлы из занятия для прохождения: wayup.in/lm/frontend-day?from=xlwPU0BRQKQ

Еще больше бесплатных мастер-классов для веб-дизайнеров, верстальщиков и фрилансеров: www.youtube.com/watch?v=ztYs5mLL2J0

Как стать востребованным JavaScript разработчиком: clc.to/senior

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Что такое prototype в JavaScript — я расскажу про то, что такое Javascript prototype и как он работает на простых примерах. В видео про JS Prototype

Сложный JavaScript простым языком:
www.youtube.com/watch?v=aQkgUUmUJy4

Ссылка на статью webcareer.ru/css-grid-layout.html

Типы данных в js. Всё ли является объектами. Объекты: свойства и методы. Классы. Прототипы объектов.

Скоро новый поток курса — js.dmitrylavrik.ru/

Подключение первого скрипта
Объектная модель документа
Ключ к пониманию языка
Свойства, события, методы
innerHTML и style
Обработка событий
Слайдер фотографий в 20 строк

Исходники: yadi.sk/d/ACGhscUtsxYD6
Курс: js.dmitrylavrik.ru/