0.00
0 читателей, 4902 топика

[Жесть!] ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!


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

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

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

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

Что такое linux? Откуда он появился?


Тут необходимое интернет компаниям — "Биржа вк купить рекламу и разместить рекламу на билбордах советую на Рекламм."


Linux что это такое и откуда он взялся? Многие кто слышал это слова ответят, что это свободная операционная система для хакеров, но это не совсем так.
— «Как так?», — спросите вы.

В данном видео вы узнаете что такое Linux и история его создания. А также затроним проект GNU и Unix подобную операционную систему MINIX.

=========================
КОНТАКТЫ

Мой телеграм канал:
t.me/worlditech

Станицы в соцсетях:
t.me/pavlenko_at
vk.com/atpavlenko
facebook.com/anton.pavlenko.94

=========================
Хотите поддержать канал?

money.yandex.ru/to/410012408319752

#linux #unix #GNU
Читать дальше →

#1 - Vue.js для начинающих - подключение и первые шаги | vue уроки | vue.js 2.x | 2.5.x


Вы узнаете как подключать и использовать vue в своих проектах, будет интересно!
Подписывайтесь на канал: goo.gl/4pPb9b
============
Не бойтесь открывать ссылки они сделаны с помощью сервиса google: goo.gl/

dka-telegram.ru

Bootstrap: getbootstrap.com/
Vue: vuejs.org/
Axios: github.com/axios/axios

**********************
*Подписывайтесь*
**********************

Дешевый и качественный хостинг в Европе:
billing.time4vps.eu/?affid=826
— Наши площадки:
dka-develop.ru
dreamtooz.ru
dreamclever.ru

Music:
Pucker Up — Jingle Punks
Topher Mohr and Alex Elena — Golden Days

Laravel полный курс, 1: Вступление, установка и обзор. Artisan


Презентация:
lms.rdavydov.ru/storage/presentations/sVIYOtbKA63OuMi2GUYkLLfmxXkdboskwpWC7Usu.pdf

Задание для самостоятельной работы:

1. Установить и настроить XAMPP (если разработка под Windows), MAMP (для IOS) или Apache PHP 7.2/PHP7.3 MySQL/MariaDB
2. Установить Composer
3. Установить git (git Bash)
4. Установить проект Laravel, добавить его в git
5. Настроить его на виртуальный хост laravel.local
6. Запустить проект локально.

★★★★★Поддержать канал:★★★★★
карта Альфа-банк: 4790 8723 2274 1966

Верстка HTML/CSS/JS с нуля, стрим день 2, для новичков


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

Макет:
drive.google.com/file/d/1Cy6r0jX2yttDEJE870bE7YUQiAAMLXUp/view?usp=sharing

Чат верстальщиков:
t.me/chat_from_0_to_1
обход с впн:
teleg.one/chat_from_0_to_1

Написать мне в ВК:
vk.com/vadimprokopchuk
Написать мне в телеграм:
t.me/silver8light
Ссылка с vpn для телеграм:
teleg.one/silver8light

Отзывы о которых говорю на стриме:
vk.com/topic-104892258_40476405

День Верстальщика: Верстка С Нуля ☉ HTML/CSS/Адаптив


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

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

Основы HTML5/CSS3 для дизайнеров: верстка лендинга из PSD


Урок по основам верстки html и css для веб-дизайнеров и начинающих верстальщиков. Верстаем настоящий лендинг с нуля. СКАЧАТЬ МАКЕТ И ФАЙЛЫ ВЕРСТКИ: wayup.in/lm/load/lm84

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

Верстка из Figma: практика и отличия от Photoshop: www.youtube.com/watch?v=kBdVwNmmaR8

Верстаем Адаптивно Нестандартный Макет Из PSD: wayup.in/library/workshop/adaptive-custom-layout

#сайтзачас: быстрый старт в веб-дизайне: www.youtube.com/watch?v=ssuvFPz7-8M

— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Урок 1. JavaScript. Что такое prototype. JavaScript Prototype (English Subs)


Как стать востребованным 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

Nuxt JS - Vue SSR (быстрый курс за 70 минут)


В этом видео вы узнаете про технологию NuxtJS, с помощью которого вы можете очень просто создавать приложения на Vue JS с технологией Server Side Rendering.

Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
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

Код лежит тут:
github.com/vladilenm/youtube-nuxt-crash-course

Nuxt JS 2019 — Vue SSR (быстрый курс за 70 минут)
#nuxt #nuxtjs #vue

CSS свойствах необходимые начинающему / CSS уроки


CSS свойствах необходимые начинающему / CSS уроки
В этом выпуске: CSS свойства. Что, для чего и как применяется, свойства, которые стоит запомнить в первую очередь, и всё это с примерами!

=======================================

Записаться на консультацию:
prosto-razrabotka.ru/

Стать спонсором канала:
www.youtube.com/channel/UCn-P_F0tfY21cfnkyv2lsRQ/join

=======================================

В прошлом видео мы говорили о том, что нужно знать о html тегах начинающему верстальщику. А в этом видео мы рассмотрим основные css свойства, кастомные css свойства и посмотрим в целом на список свойств css. Помимо этого, рассмотрим порядок свойств в css, это понадобится нам для того, чтобы создать стиль css. Не забывай, что мы пишем сайт с нуля html css, поэтому и проходим уроки по css с нуля. Если тебя интересует веб разработка с чего начать и верстка css для начинающих, то этот контент, именно то, что тебе нужно. На канале мы проходим уроки по верстке сайтов для начинающих, изучаем в css начало работы и разбираем наглядно css свойства примеры. Обращаю твое внимание на то, что команды css стилей разбиты на разные категории. Кроме того, в видео мы разберем в css самые используемые свойства и не обойдем стороной свойство flex в css. Поговорим о том, что такое наследуемые свойства css и как вообще происходит в css наследование свойства. Оставляйте ваши вопросы в комментариях и подписывайтесь на канал, приятного просмотра!

=======================================

Файл со CSS свойствами из видео:
bit.ly/2P4oQA0

=======================================

Полезные ссылки:
bit.ly/2o8yRkE — проверка кроссбраузерности свойства
bit.ly/35TTphV — статья про Flexbox
bit.ly/2VYYy3y — статья про CSS Grid

=======================================

Telegram
Канал — t.me/prostorazrabotka
Чат — t.me/prostorazrabotkachat

=======================================

Подписывайтесь в соц. сетях:
Facebook — www.facebook.com/vitaliy.kirenkov
VKontakte — vk.com/vitaliy.kirenkov
LinkedIn — www.linkedin.com/in/kirenkov
Twitter — twitter.com/VitaliyKirenkov
Instagram — www.instagram.com/vitaliy.kirenkov

=======================================

Мой второй канал:
www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw

=======================================

Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React Redux Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: kirenkov.me/

=======================================

Содержание:
00:00 Вступление
02:01 Background
05:48 Border
10:13 Color (color, opacity)
11:09 Dimension (height, width)
13:21 Generated content (content, counter-increment)
15:17 Font
17:08 List (list-style)
17:44 Margin Padding
22:17 Outline
22:45 Print
23:24 Table (border-collapse, border-spacing)
24:58 Text (text-align, text-decoration, text-shadow, line-height, vertical-align, letter-spacing, word-spacing)
31:38 Transform
33:11 Transitions
35:01 Visual formatting (display, position, float, visibility, box-shadow, box-sizing)