В этом уроке я расскажу про инструменты разработчика браузера Google Chrome и как использование инструмента разработчика поможет при создании профессионального веб-сайта
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_16&utm_campaign=tg_html_adv_bacis_css_16
Смотрите в YouTube:
https://youtu.be/m6oXNtZQkf8
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_16&utm_campaign=tg_html_adv_bacis_css_16
Смотрите в YouTube:
https://youtu.be/m6oXNtZQkf8
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этом уроке вы узнаете как оставлять комментарии в HTML документе и в CSS и как с помощью быстрых клавиш оставлять комментарии.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_17&utm_campaign=tg_html_adv_bacis_css_17
Смотрите в YouTube:
https://youtu.be/ksM8B-5F5t0
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_17&utm_campaign=tg_html_adv_bacis_css_17
Смотрите в YouTube:
https://youtu.be/ksM8B-5F5t0
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этом уроке я расскажу про CSS-свойства Margin и Padding, а также про Box Sizing.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_18&utm_campaign=tg_html_adv_bacis_css_18
Смотрите в YouTube:
https://youtu.be/gxZ97q5ELMc
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_18&utm_campaign=tg_html_adv_bacis_css_18
Смотрите в YouTube:
https://youtu.be/gxZ97q5ELMc
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этом уроке я расскажу про CSS-свойства display: block, inline-block, inline, none.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_19&utm_campaign=tg_html_adv_bacis_css_19
Смотрите в YouTube:
https://youtu.be/lAa0IFfFteM
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_19&utm_campaign=tg_html_adv_bacis_css_19
Смотрите в YouTube:
https://youtu.be/lAa0IFfFteM
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этом уроке я расскажу про свойство position и как с помощью него позиционировать HTML-элементы на странице. Мы рассмотрим position: absolute, relative, static, fixed, sticky, а также css свойства z-index, top, left, right, bottom.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_20&utm_campaign=tg_html_adv_bacis_css_20
Смотрите в YouTube:
https://youtu.be/69vbDqFMRaI
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_20&utm_campaign=tg_html_adv_bacis_css_20
Смотрите в YouTube:
https://youtu.be/69vbDqFMRaI
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этом уроке я расскажу об одном из самых эффективных способах позиционирования HTML-элементов. Это Flexbox.
Мы рассмотрим такие свойства flexbox как: justify-content, align-items, flex-direction, flex-grow, flex-basis, align-self, order и другие.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_21&utm_campaign=tg_html_adv_bacis_css_21
Смотрите в YouTube:
https://youtu.be/O8Y8_YaIIzE
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Мы рассмотрим такие свойства flexbox как: justify-content, align-items, flex-direction, flex-grow, flex-basis, align-self, order и другие.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_21&utm_campaign=tg_html_adv_bacis_css_21
Смотрите в YouTube:
https://youtu.be/O8Y8_YaIIzE
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
В этой серии уроков я расскажу про один из самых мощных и эффективных методов позиционирования HTML элементов. Это CSS Grid.
Мы начнем с теории CSS Grid и изучим его основные свойства, такие как: display: grid, grid-template-columns, grid-template-rows, gap, column-gap, row-gap, grid-auto-rows, grid-auto-flow, grid-template-areas, place-content, а также css функции, как repeat(), minmax() и многое другое.
После теории CSS Grid мы с вами перейдем к практике и сверстаем из HTML5 шаблона разные типы сайтов: Сайт с одной колонкой, сайт с двумя колонками и сайт с 3x колоночным типом.
Я рекомендую изучать CSS Grid на сайте FructCode, где ты сразу сможешь закреплять полученные знания на практике, выполняя интерактивные упражнения CSS Grid в браузере.
Я создал целый раздел посвященный CSS Grid позиционированию:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_22&utm_campaign=tg_html_adv_bacis_css_22
Смотри в YouTube:
https://youtu.be/rSOAtQVCg9k
Мы начнем с теории CSS Grid и изучим его основные свойства, такие как: display: grid, grid-template-columns, grid-template-rows, gap, column-gap, row-gap, grid-auto-rows, grid-auto-flow, grid-template-areas, place-content, а также css функции, как repeat(), minmax() и многое другое.
После теории CSS Grid мы с вами перейдем к практике и сверстаем из HTML5 шаблона разные типы сайтов: Сайт с одной колонкой, сайт с двумя колонками и сайт с 3x колоночным типом.
Я рекомендую изучать CSS Grid на сайте FructCode, где ты сразу сможешь закреплять полученные знания на практике, выполняя интерактивные упражнения CSS Grid в браузере.
Я создал целый раздел посвященный CSS Grid позиционированию:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_22&utm_campaign=tg_html_adv_bacis_css_22
Смотри в YouTube:
https://youtu.be/rSOAtQVCg9k
В этих уроках я покажу как подключать шрифты к вашему сайту. Мы рассмотрим два способа: Простой и Продвинутый.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_23&utm_campaign=tg_html_adv_bacis_css_23
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_23&utm_campaign=tg_html_adv_bacis_css_23
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Доступен новый раздел из курса HTML/CSS Advanced. В этом разделе я расскажу про принципы адаптивной верстки сайтов, а также про единицы измерения px, em, rem, vh, vw и другие.
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_24&utm_campaign=tg_html_adv_bacis_css_24
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Проходите на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_bacis_css_24&utm_campaign=tg_html_adv_bacis_css_24
Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
FructCode.com временно недоступен из-за аварии в дата-центре. Примерное время восстановления 30-60 минут. Приносим свои извинения за временные неудобства.
Новые уроки из курса HTML/CSS Advanced доступны на сайте FructCode
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv&utm_campaign=tg_html_adv
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv&utm_campaign=tg_html_adv
Интерактивный курс HTML/CSS Advanced полностью опубликован и доступен на сайте FructCode!
HTML/CSS Advanced содержит 162 интерактивных заданий, 17 часов видео и исходные коды к урокам:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_complete&utm_campaign=tg_html_adv_complete
Все актуальные курсы Сергея Никонова доступны только на сайте FructCode
---
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
HTML/CSS Advanced содержит 162 интерактивных заданий, 17 часов видео и исходные коды к урокам:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=tg&utm_medium=tg_html_adv_complete&utm_campaign=tg_html_adv_complete
Все актуальные курсы Сергея Никонова доступны только на сайте FructCode
---
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
YouTube: https://www.youtube.com/channel/UCXneQRoicIlzKJe_yKnYt4g
Почему больше нельзя купить доступ к курсам FructCode из России
Последнии несколько недель я получаю большое количество писем с одними и теми же вопросами: Почему нельзя купить ваши курсы из России? За что вы нас наказываете? Не все за войну. Есть ли другие способы оплаты из России?
Подробности по ссылке:
https://fructcode.com/ru/blog/oplata-is-rossii-putin-huilo/
Последнии несколько недель я получаю большое количество писем с одними и теми же вопросами: Почему нельзя купить ваши курсы из России? За что вы нас наказываете? Не все за войну. Есть ли другие способы оплаты из России?
Подробности по ссылке:
https://fructcode.com/ru/blog/oplata-is-rossii-putin-huilo/
FructCode.com временно недоступен.
Проводим расследование ситуации.
Приносим свои извинения за временные неудобства.
Проводим расследование ситуации.
Приносим свои извинения за временные неудобства.
This media is not supported in your browser
VIEW IN TELEGRAM
Emmet больше не работает в Visual Studio Code? Так можно решить проблему!
https://fructcode.com/ru/blog/emmet-doesnt-work-in-vusial-studio-code-how-fix-it/?utm_source=tg&utm_medium=tg&utm_campaign=tg_emmet&utm_id=tg
https://fructcode.com/ru/blog/emmet-doesnt-work-in-vusial-studio-code-how-fix-it/?utm_source=tg&utm_medium=tg&utm_campaign=tg_emmet&utm_id=tg
24 февраля 2023 года будет уже год как ЗСУ героически противостоит путинской оккупации. Военный преступник Путин и его орки за год полномасштабного вторжения в Украину натворили много бед: Буча, Ирпень, Днепр и другие города Украины.
Каждый из нас может внести свой вклад и приблизить Украину к победе!
Видеообращение:
https://youtu.be/EVx5RbShXeg
Blog FructCode:
https://fructcode.com/ru/blog/need-your-help-drones-for-armed-forces-of-ukraine/
Фонд SAB UA
Facebook: https://www.facebook.com/sab.ua.ee
For your donations. Для пожертвований
Bank Transfer
MTÜ SAB UA Reg.№: 80610178
Estonia, Tallinn, 13620, Punane 15
Coop Pank AS
EE584204278623498908
SWIFT kood/BIC: EKRDEE22
IBAN: EE584204278623498908
Please write in the payment description: abi SAB UA
PayPal
https://www.paypal.com/donate/?hosted_button_id=R6GNS95KS2F5E
Wise
MTÜ SAB UA Reg.№: 80610178
Estonia, Tallinn, 13620, Punane 15.
Monobank in Ukraine:
Посилання на банку
https://send.monobank.ua/jar/APjVMiBvBa
Номер картки 5375 4112 0491 8994
Собранные средства идут на закупку автотранспорта, снаряжения, наборов первой помощи, дронов и другого оборудования, подготовку и техобслуживание в Эстонии, доставку в Украину и передачу Вооружённым Силам Украины (ВСУ), а также на операционные расходы (топливо и автомобиль доставки, зарплата координаторов, аренда офиса-склада, бухгалтерия, компьютер, билеты обратной дороги для водителей-волонтёров и пр.)
——
SAB UA, #nikonov, #djimavic3, #babchenko, #helpUkraine, #Ukraine, #donation, #StandWithUkraine, #СергейНиконов, #АркадийБабченко, #путинвоенныйпреступник, #путин, #war, @babchenko77, FructCode, @sergeinikonov
Каждый из нас может внести свой вклад и приблизить Украину к победе!
Видеообращение:
https://youtu.be/EVx5RbShXeg
Blog FructCode:
https://fructcode.com/ru/blog/need-your-help-drones-for-armed-forces-of-ukraine/
Фонд SAB UA
Facebook: https://www.facebook.com/sab.ua.ee
For your donations. Для пожертвований
Bank Transfer
MTÜ SAB UA Reg.№: 80610178
Estonia, Tallinn, 13620, Punane 15
Coop Pank AS
EE584204278623498908
SWIFT kood/BIC: EKRDEE22
IBAN: EE584204278623498908
Please write in the payment description: abi SAB UA
PayPal
https://www.paypal.com/donate/?hosted_button_id=R6GNS95KS2F5E
Wise
MTÜ SAB UA Reg.№: 80610178
Estonia, Tallinn, 13620, Punane 15.
Monobank in Ukraine:
Посилання на банку
https://send.monobank.ua/jar/APjVMiBvBa
Номер картки 5375 4112 0491 8994
Собранные средства идут на закупку автотранспорта, снаряжения, наборов первой помощи, дронов и другого оборудования, подготовку и техобслуживание в Эстонии, доставку в Украину и передачу Вооружённым Силам Украины (ВСУ), а также на операционные расходы (топливо и автомобиль доставки, зарплата координаторов, аренда офиса-склада, бухгалтерия, компьютер, билеты обратной дороги для водителей-волонтёров и пр.)
——
SAB UA, #nikonov, #djimavic3, #babchenko, #helpUkraine, #Ukraine, #donation, #StandWithUkraine, #СергейНиконов, #АркадийБабченко, #путинвоенныйпреступник, #путин, #war, @babchenko77, FructCode, @sergeinikonov
YouTube
Нужна ваша помощь | Путинские оккупанты в Украине | Дроны для ЗСУ
24 февраля 2023 года будет уже год как ЗСУ героически противостоит путинской оккупации. Военный преступник Путин и его орки за год полномасштабного вторжения в Украину натворили много бед: Буча, Ирпень, Днепр и другие города Украины. Каждый из нас может внести…
Новая версия платформы FructCode уже онлайн!
Изменения затронули всю платформу FructCode. Начиная от интерфейса, заканчивая изменений в алгоритмах проверки интерактивных заданий.
https://fructcode.com/ru/blog/fructcode-big-update-2023-x2dd3d/?utm_source=tg&utm_medium=post&utm_campaign=new_fc_version
Изменения затронули всю платформу FructCode. Начиная от интерфейса, заканчивая изменений в алгоритмах проверки интерактивных заданий.
https://fructcode.com/ru/blog/fructcode-big-update-2023-x2dd3d/?utm_source=tg&utm_medium=post&utm_campaign=new_fc_version
Привет code lovers!
Я создал еще один канал с политическим уклоном. Если ты на стороне добра - welcome 😌
@nikonov_news
Я создал еще один канал с политическим уклоном. Если ты на стороне добра - welcome 😌
@nikonov_news