Верстка 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)

Камчатка – полуостров, про который забыли / вДудь


Промокод VDUD на 45 дней подписки в подарок: clck.ru/NmKqz
Смотрите фильмы и сериалы на КиноПоиск HD: clck.ru/NmLUQ
Розыгрыш призов завершен. Итоги конкурса в ВК КиноПоиска: vk.cc/awMW2z

Мы – на Камчатке!
 
Сразу – личная история.
 
Я ни разу не суперсноубордист, но на любительском уровне, кряхтя и пошытываясь, катаюсь. То ли 10, то ли в 11 лет назад я попробовал катание вне трассы – по нетронутому снегу. Это было настолько круто, что я стал мечтать о поездке туда, где такого снега – видимо-невидимо. Одно из мировых мест силы такого катания – полуостров Камчатка.
 
Лет 7 назад я узнал, что на Камчатке можно пережить совершенно удивительный опыт: тебя выбрасывают из вертолета на гору и ты съезжаешь – или на доске, или на горных лыжах – прямо к берегу Тихого океана. В тот момент я окончательно потерял покой и начал копить на такую поездку возможности, время и компанию друзей.
 
В процессе подготовки нам открывались довольно грустные факты. На Камчатке есть рыба, золото и туризм, но жить хорошо получается далеко не у всех. Петропавловск-Камчатский – все еще очень грустный и некрасивый город. А все эти туристические чудеса – вроде Долины Гейзеров или катания по вулканам – недоступны для абсолютного большинства местных.
 
Почему регион, который мог бы быть русской Исландией, пока совсем не Исландия?
 
Почему люди – особенно молодежь – продолжают отсюда уезжать? И только ли в климате дело?
 
И главное: почему в России даже такие жемчужины остаются такими необустроенными?  

Мы провели здесь больше недели, пообщались с разными людьми и попробовали узнать ответы на эти вопросы. Все, что узнали – рассказываем вам.
 
Вперед!

Яся Тринадцатко www.instagram.com/yaska13/
Алексей Озеров www.ozerov.ru/
Антон Морозов www.instagram.com/snowave_kamchatka
Саша Новикова www.instagram.com/sashanovikova2015/
Макс Балаховский www.instagram.com/maxbaloo/
Артем Шелдр www.instagram.com/artemsheldr/
Константин Брызгин www.instagram.com/k_bryzgin/
Серега Фирсов www.instagram.com/climbergreen/
Владимир Хитров www.kam24.ru

Дудь vdudvdud.ru/

Адаптивная верстка по макету PSD от А до Я


В этом видео мы верстаем одно страничный сайт по макету 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

Крошечная страна, которая кормит всю планету


Голландский аграрный феномен
Голландия зарабатывает на сельском хозяйстве почти 100 млрд евро в год

Нидерланды — небольшая и густонаселенная страна. Плотность ее населения составляет 496 человек на квадратный километр. Долгое время ей не хватало ресурсов для масштабного сельского хозяйства, а сейчас она занимает второе место среди мировых поставщиков продуктов питания. Как ей это удалось?

При взгляде с высоты Голландия вовсе не похожа на страну с массовым аграрным производством: многочисленные лоскуты плотно засаженных полей, каждое совсем невелико по современным стандартам. В главных аграрных областях страны трудно отыскать картофельное поле, теплицу или свинарник, в окрестнос-тях которых не было бы какого-нибудь небоскреба, фабрики или другой урбанистической застройки. При этом более половины земель в стране заняты под сельское хозяйство и растениеводство.

Ожерельем из кажущихся гигантскими зеркал, поблескивающих на полуденном солнце, а по ночам вспыхивающих и вовсе неземным свечением, раскинулись голландские тепличные комплексы. Площадь некоторых достигает 70 гектаров. Именно благодаря этим необыкновенным теплицам, поддерживающим постоянный внутренний микроклимат, страна, расположенная в 1600 километрах от Северного полярного круга, стала мировым лидером в экспорте таких теплолюбивых растений, как томаты.

Помимо них голландцы удерживают первое место в мире по экспорту картофеля и лука, а также занимают второе место по поставкам овощей в целом. Более трети мировых сделок на рынке овощных семян также заключаются в Голландии.

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

С 2000 года голландским фермерам удалось практически полностью отказаться от применение пестицидов, а с 2009 года сократить использование антибиотиков в птицеводстве и животноводстве на 60%.В настоящее время Нидерланды занимают второе место по экспорту продуктов питания, уступая лидерство лишь США, стране, размеры которой превышают Нидерланды в 270 раз.
Теплицы, оснащённые климат-контролем, позволяют собирать урожай круглый год.

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

Для полива используется только дождевая вода. Чтобы полить обычное открытое поле, требуется около 60 литров воды, на ферме это количество сокращается до 15. Каждый год все томаты выращиваются заново из семян, а старая ботва отправляется на переработку — из них потом делают ящики для урожая. Для борьбы с вредителями ферма использует натуральные средства — целую армию клещей, которая не ест томаты, но уничтожает вредоносных насекомых.

Нидерланды славятся семенами, которые они производят. В 2016 году страна продала их на сумму около $1,7 миллиарда. При этом она не поставляет на рынок семена генномодифицированных продуктов.
Фермерские хозяйства Нидерландов предлагают даже семена овощей, которые умеют самостоятельно защищаться от основных вредоносных насекомых. А одно томатное семечко стоимостью $0,50 из высокотехнологичной теплицы способно принести урожай в 68 килограммов.
Нидерландские исследователи стремятся обеспечить продуктами не только свою родину, но и развивающиеся страны.

Эта Небольшая страна в прошлом году экспортировала сельхозпродукции на 90 млрд евро. Но для голландцев важно не только количество, но и качество, поэтому там разработали новую концепцию развития агросектора
Для Голландии агросектор — это прежде всего область высоких технологий. По данным издания Dutchreview, затраты на научные исследования и разработки в голландских агрокомпаниях с количеством сотрудников более 10 человек выросли на 19% за 2018 г. — до 864 млн евро. Для других отраслей голландской промышленности показатель роста инвестиций в среднем составил 11%.

Годом ранее, обойдя США и Великобританию, по итогам 2017 г. Нидерланды поднялись еще на одну позицию в Глобальном индексе инноваций (GII), опередив Швецию и заняв второе место после Швейцарии. Так что если у кого и получится создать сельское хозяйство будущего, это наверняка будут голландцы.

Если в 1999 г. Голландия использовала больше удобрений, чем любая другая европейская страна (в среднем 500 кг на гектар), к 2014-м эта цифра сократилась более чем в два раза, а в оранжереях удобрения и вовсе практически не используются.

Как Сверстать Сайт Адаптивно? HTML/CSS


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

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

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