В этом уроке я расскажу про инструменты разработчика браузера 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

В этом уроке вы узнаете как оставлять комментарии в 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

В этом уроке я расскажу про 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

В этом уроке я расскажу про 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

В этом уроке я расскажу про свойство 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

В этом уроке я расскажу об одном из самых эффективных способах позиционирования 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

В этой серии уроков я расскажу про один из самых мощных и эффективных методов позиционирования 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

В этих уроках я покажу как подключать шрифты к вашему сайту. Мы рассмотрим два способа: Простой и Продвинутый.


Проходите на сайте 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.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

Интерактивный курс 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

Почему больше нельзя купить доступ к курсам FructCode из России

Последнии несколько недель я получаю большое количество писем с одними и теми же вопросами: Почему нельзя купить ваши курсы из России? За что вы нас наказываете? Не все за войну. Есть ли другие способы оплаты из России?


Подробности по ссылке:
https://fructcode.com/ru/blog/oplata-is-rossii-putin-huilo/

FructCode.com временно недоступен. 
Проводим расследование ситуации. 
Приносим свои извинения за временные неудобства.

FructCode.com вновь доступен и функционирует.

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

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

Новая версия платформы FructCode уже онлайн!

Изменения затронули всю платформу 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