Навчання CSS
Починаємо роботу з HTML + CSS

Цей короткий посібник призначений для людей, які починають своє вивчення CSS вперше.

Наприкінці цієї статті Ви створите HTML файл, який виглядатиме як цей:

Отримана HTML сторінка з квітами та розміткою, зробленою за допомогою CSS.

Зверніть увагу, що я не претендую на те, що це дуже красиво ☺

Розділи позначені цим знаком необов'язкові. Вони містять додаткові пояснення HTML та CSS коду у наведених прикладах. Знак “увага!” на початку абзацу позначає більш розширену інформацію, ніж решта тексту.

КРОК 1: написання HTML коду

Для цієї статті я пропоную використовувати найпростіші утиліти, наприклад Блокнот від Windows, TextEdit на Mac або KEdit під KDE, цілком підійдуть під завдання. Як тільки Ви зрозумієте основні принципи, ви можете перейти на використання більш розвинених інструментів розробки, наприклад, на такі комерційні програми як Style Master або DreamWeaver. Але для створення першого CSS файлу не варто відволікатися на багато розширених можливостей.

Не використовуйте текстовий редактор як Microsoft Word або OpenOffice. Ці програми зазвичай створюють файли, які можуть бути прочитані браузерами. Для HTML та CSS файлів нам потрібні звичайні текстові файли без будь-якого формату.

Перший крок полягає у відкритті порожнього вікна текстового редактора (Notepad, TextEdit, KEdit або будь-якого Вашого коханого) та набору в ньому наступного тексту:

Вам не обов'язково це перенабирати - ви можете просто скопіювати та вставити текст із цієї сторінки в редактор.

(Якщо ви використовуєте TextEdit на Макінтоші, не забудьте вказати TextEdit'у, що це справді простий текстовий файл, відкривши меню Format і вибравши опцію “Make plain text”.)

Перший рядок нашого HTML файлу говорить браузеру про тип документа (DOCTYPE означає DOCument TYPE). У нашому випадку це HTML версії 4.01.

Слова між < і > називаються тегами і як ви можете бачити, документ міститься між і тегами. між and знаходиться різна інформація, яка не відображається у самому документі. Наприклад, там міститься заголовок документа. Пізніше ми додамо туди і зв'язок із файлом CSS.

Тег є місцем вмісту документа. В принципі, все що знаходиться всередині цього тега за винятком тексту між , що є коментарями, буде виведено на екран. Коментар браузером ігнорується.

у прикладі задає відображення “невпорядкованого списку” (Unordered List), тобто. список, елементи якого непронумеровані. Теги починають "елементи списку" (List Item). Тег

є "параграфом". А тег - "якір" (Anchor), за допомогою якого створюються гіперпосилання.

Код HTML редактор KEdit.

• Тег "ul" - список, що складається з одного посилання на кожен елемент списку. Ця структура послужить нам "навігацією" по нашому сайту, пов'язуючи з нами інші сторінки нашого гіпотетичного сайту. Передбачається, що всі сторінки нашого сайту матимуть схоже чи ідентичне меню.
• Елементи “h1” та “p” задають вміст унікальний для кожної сторінки, тоді як підпис (“address”) знизу знову повторюватиметься на всіх сторінках.

Давайте припустимо, що ця сторінка буде однією зі сторінок Веб сайту, що складається з кількох схожих сторінок. Як ми і домовилися, ця сторінка міститиме посилання на інші сторінки нашого гіпотетичного сайту, унікальний вміст та підпис.

Виберіть “Зберегти як…” або “Save As…” з меню Файл або File, вкажіть каталог для збереження файлу (наприклад Робочий Стіл) і збережіть цей файл як “mypage.html”. Не закривайте редактор, він нам ще буде потрібний.

(Якщо ви використовуєте TextEdit для Mac OS X версії менше 10.4, ви побачите опцію "Don't append the .txt extension" у діалоговому вікні "Save as". Виберіть цю опцію, тому що ім'я файлу “mypage.html” вже включає розширення. Більш нові версії TextEdit помітять .html розширення автоматично.)

Далі відкрийте файл у браузері. Ви можете зробити це таким чином: знайдіть файл вашим файловим менеджером (Провідник, Windows Explorer, Finder or Konqueror) і клацніть (одноразово або двічі) на ньому. Якщо ви робили все, як описано то ім'я файлу буде “mypage.html”. У вас має відкритися файл у браузері, встановленому за замовчуванням. (Якщо ні, відкрийте браузер і перетягніть файл у його вікно.)

Як Ви бачите, сторінка виглядає досить нудно.

КРОК 2: змінюємо кольори

Можливо, ви бачите якийсь чорний текст на білому тлі, але це залежить від конфігурації браузера. Для того, щоб сторінка виглядала стильніше, ми можемо зробити дуже легко одну просту річ - додати кольори. (Залишіть вікно браузера відчиненим - ми до нього ще повернемося)

Ми почнемо зі стилів, вбудованих у файл HTML. Пізніше ми покладемо CSS стилі та HTML розмітку в різні файли. Роздільне зберігання добре тим, що легше використовувати ті ж стилі для безлічі HTML файлів: Вам потрібно написати CSS стилі тільки один раз. Але на цьому етапі ми залишимо все в одному файлі.

Нам потрібно додати елемент до HTML-файлу. Визначення стилів буде всередині цього тегу.Повертаємося до редактора і додаємо наступні п'ять рядків у заголовок HTML коду між тегами і . Рядки, які треба додати виділені червоним (з 5 по 9).

 body
 [і т.д.]

Перший рядок говорить браузеру про те, що це таблиця стилів і що вона написана на CSS (text/css). Другий рядок каже, що ми використовуємо стиль до елемента “body”. Третя встановлює колір тексту в пурпуровий, а наступна встановлює колір тла жовто-зелений відтінок.

1. селектор (У нашому прикладі: “body”), які говорить про те, до якої частини документа застосувати правило;
2. властивість (у нашому прикладі властивостями є 'color' і 'background-color'), яке вказує що саме ми встановлюємо цей елемент, обраного селектором;
3. і значення ('purple' та '#d8da3d'), що встановлює значення атрибута.

Наш приклад показує, що правила можуть бути скомбіновані. Ми встановили дві властивості, так само ми могли задати їх окремо:

Фон елемент body так само є тлом цілого документа. Ми явно не призначили іншим елементам (p, li, address…) фону, тому за замовчуванням у них його немає (або він прозорий). Властивість 'color' встановлює колір тексту елемента body, але решта елементів усередині body успадковують цей колір, доки їм не заданий інший як іншого правила. (Ми додамо інші кольори пізніше.)

Тепер збережіть цей файл (використовуйте команду “Зберегти” або “Save” з файлового меню) та перейдіть назад у браузер. Якщо ви натиснете кнопку “оновити” , то зображення зміниться зі “нудної” сторінки на прикрашену (але одноманітну) сторінку. Окрім посилань зверху, весь текст має бути пурпурний на жовто-зеленому тлі.

Тепер браузер показує сторінку, до якої ми додали колір.

У CSS можна задавати кольори кількома способами. Наш приклад показує два з них: на ім'я (“purple”) та за шістнадцятковим кодом (“#d8da3d”). Існує близько 140 імен кольорів та 16 шістнадцятирічних значень. Додаючи дотик стилю, пояснює деталі щодо цих кодів.

КРОК 3: змінюємо шрифти

Ще одна річ, яку можна зробити - шрифтове розмаїття різних елементів на сторінці. Давайте напишемо шрифтом Georgia весь текст, виключаючи заголовки, які ми напишемо Helvetica.

У текстовому редакторі додайте наступні рядки (рядки 7-8 та 11-13):

 [і т.д.]

Якщо ви збережете файл знову і натиснете "оновити" у браузері, то у вас мають бути різні шрифти в заголовках та тексті.

Сьогодні шрифт заголовків і основного тексту відрізняється.

КРОК 4: додаємо навігацію

Список нагорі HTML сторінки є навігацією по сайту. Багато сайтів мають навігаційне меню вгорі сторінки або по сторонах від вмісту. Наша сторінка також не буде винятком. Ми помістимо меню зліва, бо це дещо привабливіше, ніж нагорі.

зверху. Посилання в ньому не працюють, тому що наш сайт поки що складається тільки з однієї сторінки, але це неважливо в даний момент. Звичайно ж, на цьому сайті не повинно бути посилань, що не працюють.

Нам потрібно перемістити список ліворуч і зрушити решту вмісту трохи вправо, щоб створити простір для нього. Властивості CSS які ми використовуватимемо для цього - 'padding-left' (для зсуву тексту) і 'position', 'left' і 'top' (для зсуву меню).

Є й інші шляхи.Якщо ви шукаєте терміни “стовпець” або “верстка” на сторінці вивчаючи CSS, ви знайдете кілька готових до використання шаблонів. Але для наших цілей згодиться і така.

У вікні редактора додайте наступні рядки до HTML файлу (рядки 7 та 12-16):

 body <  padding-left: 11em; font-family: Georgia, "Times New Roman", Times, serif; color: purple; background-color: #d8da3d >  ul.navbar h1 [і т.д.]

Якщо ви знову збережете файл і оновите його в браузері, то список посилань вийде у вас зліва від основного тексту. Це вже виглядає цікавіше, чи не так?

На відміну від попереднього файлу, в цьому головний текст перемістився праворуч, а навігація ліворуч.

Властивість 'position: absolute' говорить, що елемент ul розташований незалежно від будь-якого тексту який передував або буде наступним за цим елементом, а властивості 'left' і 'top' позначають це розташування. У нашому випадку це 2em зверху та 1em від лівого краю вікна.

'2em' позначає 2 рази за відстанню, що дорівнює розміру поточного шрифту. Тобто, якщо меню відображається шрифтом у 12 пунктів, то 2em дорівнюватиме 24 пунктам. `em` дуже корисна одиниця вимірювання CSS, оскільки може адаптуватися автоматично до шрифту, що використовується браузером. Більшість браузерів мають можливість змінювати розміри шрифту: ви можете спробувати збільшити або зменшити розмір і побачити, що меню змінюватиметься в залежності від розміру шрифту, чого б не сталося, якби ми вказали відступ у пікселях

КРОК 5: прикрашаємо посилання

Навігаційне меню все ще виглядає як список замість меню. Давайте його стилізуємо. Ми приберемо маркери списків та перемістимо елементи ліворуч, де були маркери.Також ми намалюємо кожен елемент списку на білому тлі у своєму чорному квадраті (навіщо? просто так, тому що можемо).

Ми так само не сказали якими повинні бути кольори посилань, так що давайте додамо і цю властивість: синіми будуть посилання, які користувач ще не дивився, пурпуровими - ті які він вже відвідував. (рядки 13-15 та 23-33) :

 [etc.]

Зазвичай браузери виділяють гіперпосилання кольором та підкресленням. Зазвичай, кольори схожі на ті, що ми вказали: сині для посилань які користувач ще не відкривав (або відкривав довгий час тому), пурпурові для сторінок, які він уже бачив.

КРОК 6: додаємо горизонтальні лінії

Останнім додаванням до нашої таблиці стилів стане горизонтальна смуга для розділення тексту та підпису знизу. Ми використовуємо властивість 'border-top' для того, щоб додати переривчасту лінію над елементом (рядки 34-37) :

 [і т.д.]

Тепер наше оформлення закінчено. Давайте винесемо таблицю стилів в окремий файл, щоб інші файли могли використовувати ту саму таблицю стилів, що й перший файл.

КРОК 7: зовнішній CSS

Зараз у нас є HTML файл із вбудованою таблицею стилів. Але якщо наш сайт буде розростатися, можливо, нам знадобиться безліч сторінок, які використовують один і той самий стиль оформлення. Є метод краще, ніж вставка таблиці в кожну сторінку - ми можемо винести стилі в окремий файл, який вказуватимуть усі сторінки.

Для створення окремого файлу таблиці стилів нам потрібний інший пустий текстовий документ. Ви можете вибрати пункт "Новий" з меню "Файл" у редакторі для створення порожнього файлу. (Якщо ви використовуєте TextEdit, не забудьте зробити його текстовим знову, використовуючи меню Format.)

Потім виріжте та вставте весь вміст усередині . Вони належать HTML-коду, а не CSS.У новому вікні у вас тепер має бути повна таблиця стилів:

Виберіть "Зберегти як…" з меню "Файл", переконайтеся, що ви в тій же директорії/папці, що і файл mypage.html, і збережіть таблицю стилів під ім'ям "mystyle.css".

Тепер поверніться до HTML-коду. Заберіть весь вміст від включно та замініть прибране елементом як показано (рядок 5) :

 [etc.]

Така конструкція скаже браузеру у тому, що таблиця стилі розташовується у файлі під назвою “mystyle.css”, і оскільки директорія не згадана, браузер шукатиме цей файл там, де лижить HTML файл.

Якщо ви збережете файл і оновите його в браузері, то не повинно відбутися жодних змін: сторінка, як і раніше, використовує те ж оформлення, що й минулого разу, але цього разу оформлення зберігається у зовнішньому файлі.

Наступний крок - покласти обидва файли mypage.html та mystyle.css на ваш сайт. (Звичайно, ви можете захотіти трохи змінити їх спочатку…) Як покласти файли на сайт залежить від вашого інтернет-провайдера.

Подальше вивчення

Іншу інформацію, включаючи більшу кількість уроків, можна знайти в розділі вивчення CSS.

Мови

Activities Tech.reports Site index Translations Software Search Nearby: Style CSS

Способи додавання стилів на сторінку

Для додавання стилів на веб-сторінку існує кілька способів, які відрізняються своїми можливостями та призначенням.

Пов'язані стилі

При використанні пов'язаних стилів опис селекторів та їх значень розташовується в окремому файлі, як правило, з розширенням css, а для зв'язування документа з цим файлом застосовується тег .

Приклад 3.1.

HTML5 CSS 2.1 IE Cr Op Sa Fx

Заголовок
Текст

Значення атрибута тега - rel залишається незмінним незалежно від коду, як наведено в даному прикладі Значення href задає шлях до CSS-файлу, він може бути заданий як відносно, так і абсолютно. іншому сайті.

Вміст файлу mysite.css, що підключається за допомогою тега, наведено в прикладі 3.2.

Приклад 3.2.

Як видно з даного прикладу, файл зі стилем не зберігає жодних даних, окрім синтаксису CSS. Тому використання пов'язаних стилів є найбільш універсальним та зручним методом додавання стилю на сайт. Адже стилі зберігаються в одному файлі, а в HTML-документи вказують лише посилання на нього.

Глобальні стилі

При використанні глобальних стилів властивості CSS описуються в самому документі і розміщуються в заголовку веб-сторінки.За своєю гнучкістю та можливостями цей спосіб додавання стилю поступається попередньому, але також дозволяє зберігати стилі в одному місці, в даному випадку прямо на тій самій сторінці за допомогою контейнера, як показано в прикладі 3.3.

Приклад 3.3.

HTML5 CSS 2.1 IE Cr Op Sa Fx

 H1
Hello, world!

У цьому прикладі заданий стиль тега , який можна повсюдно використовувати на даній веб-сторінці (рис. 3.1).

3. Вигляд заголовка, оформленого за допомогою стилів.

Внутрішні стилі

Внутрішній або вбудований стиль є по суті розширенням для одиночного тега, який використовується на поточній веб-сторінці.

Приклад 3.4.

HTML5 CSS 2.1 IE Cr Op Sa Fx

Приклад тексту

У цьому прикладі стиль тега

задається за допомогою атрибута style, в якому через точку з комою перераховуються стильові властивості (рис. 3.2).

3.2. Використання внутрішніх стилів для зміни вигляду тексту

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

Всі описані методи використання CSS можуть застосовуватися як самостійно, так і в поєднанні один з одним. У цьому випадку необхідно пам'ятати про їхню ієрархію. додавання стилю до документа.

Приклад 3.5.

HTML5 CSS 2.1 IE Cr Op Sa Fx

 H1
Заголовок 1
Заголовок 2

У цьому прикладі перший заголовок задається червоним кольором розміром 36 пікселів за допомогою внутрішнього стилю, а наступний — зеленим за допомогою таблиці глобальних стилів (рис. 3.3).

Мал. 3.3. Результат застосування стилів

Імпорт CSS

У поточну стильову таблицю можна імпортувати вміст файлу CSS за допомогою команди @import . Цей метод допускається використовувати разом із пов'язаними чи глобальними стилями, але не з внутрішніми стилями. Загальний синтаксис є наступним.

@import url("ім'я файлу") типи носіїв; @import "ім'я файлу" типи носіїв;

Після ключового слова @import вказується шлях до стильового файлу одним із двох наведених способів за допомогою url або без нього. У прикладі 3.6 показано, як можна імпортувати стиль із зовнішнього файлу до таблиці глобальних стилів.

Приклад 3.6. Імпорт CSS

HTML5 CSS 2.1 IE Cr Op Sa Fx

 @import url("style/header.css"); H1
Заголовок 1
Заголовок 2

У цьому прикладі показано підключення файлу header.css , розташованого у папці style.

Аналогічно відбувається імпорт у файлі зі стилем, який потім підключається до документа (приклад 3.7).

Приклад 3.7. Імпорт у таблиці пов'язаних стилів

@import "/style/print.css"; @import "/style/palm.css"; BODY

У цьому прикладі показано вміст файлу mysite.css, який додається до потрібних документів способом, показаним у прикладі 3.1, а саме за допомогою тега.

Запитання для перевірки

1. Сайт має понад сто HTML-документів, що мають однакове стильове оформлення. Який спосіб підключення CSS підходить найкраще?

1. Пов'язані стилі.
2. Стилі глобальні.
3. Блокові стилі.
4. Внутрішній стиль.
5. Експорт стиль.

2.У цьому прикладі, який колір буде мати текст на веб-сторінці?

 HTML < color: black; >BODY < color: red; >P
Текст

1. Чорний
2. Червоний
3. Зелений
4. Синій
5. Оливковий

3. Який HTML-код застосовується для підключення зовнішнього файлу CSS?

4. Який атрибут використовується визначення внутрішнього стилю?

Як у HTML підключити CSS

HTML (HyperText Markup Language) та CSS (Cascading Style Sheets) є двома основними технологіями веб-розробки. HTML використовується для структурування вмісту веб-сторінки, а CSS визначає зовнішній вигляд та стиль цього вмісту. Розуміння того, як правильно підключити CSS до HTML, є ключовою навичкою для всіх, хто цікавиться створенням веб-сторінок.

У цій статті ми розглянемо кілька способів підключення CSS до документа HTML.

Внутрішній CSS:

Перший спосіб – використовувати внутрішні стилі, які визначаються прямо всередині HTML документа. Для цього використовується тег у розділі HTML сторінки. Всередині цього тегу можна написати CSS правила для стилізації елементів HTML.

body < font-family: Arial, sans-serif; background-color: #f0f0f0; >h1

Приклад внутрішнього CSS

Цей текст буде стилізований за допомогою внутрішнього CSS.

Зовнішній CSS:

Інший поширений спосіб – використовувати зовнішні CSS файли. У цьому випадку ви створюєте файл з розширенням .css, визначаєте в ньому всі стилі, а потім підключаєте цей файл до HTML документа за допомогою тега в розділі.

Створіть файл з ім'ям styles.css та визначте в ньому стилі:

Потім підключіть цей файл до документа HTML:

Приклад зовнішнього CSS

Цей текст також буде стилізований за допомогою зовнішнього CSS.

Вбудований CSS:

Третій спосіб використовувати вбудовані стилі, які визначаються безпосередньо в тегах HTML. Хоча це не рекомендується через змішування структури та стилю, це може бути корисним у деяких випадках, особливо при роботі з невеликими ділянками тексту.

Приклад вбудованого CSS

Цей текст також буде стилізований за допомогою вбудованого CSS.

Це основні способи підключення CSS до документа HTML. Кожен з них має свої переваги та недоліки, і вибір залежить від конкретної ситуації та переваг розробника.

Використання CDN:

Якщо у вас є доступ до Інтернету, ви можете підключити файл CSS через CDN (Content Delivery Network). CDN надає можливість підключити файл стилів, розміщений на віддаленому сервері, що може прискорити завантаження сторінки завдяки використанню кешування та розподіленої доставки контенту.

Приклад підключення стилів за допомогою CDN:

Приклад підключення CSS через CDN

Цей текст буде стилізований за допомогою CSS з CDN.

У цьому прикладі ми підключаємо стилі з Bootstrap CDN, який містить безліч попередньо оформлених стилів для швидкої та простої стилізації веб-сторінок.

Використання @import:

Додатковим методом підключення CSS до HTML є використання правила @import всередині тега в секції. Цей метод дозволяє підключити зовнішній CSS файл безпосередньо з іншого CSS файлу.

Приклад використання @import для підключення CSS

Цей текст також буде стилізований за допомогою зовнішнього CSS.

У файлі styles.css містяться всі необхідні стилі.

Кожен із цих методів має свої особливості та може бути використаний залежно від вимог вашого проекту.Сподіваюся, ця стаття допомогла вам розібратися у способах підключення CSS до документа HTML.

Важливість поділу структури та стилю:

Під час розробки веб-сторінок рекомендується дотримуватися принципу поділу структури (HTML) та стилю (CSS). Це робить код чистішим, підтримуваним та зрозумілим. Внутрішні та вбудовані стилі іноді можуть зробити код менш читабельним, особливо при роботі над великими проектами з безліччю сторінок та розробників.

Використання зовнішніх CSS файлів та їхнє подальше підключення до HTML документу дозволяє легко змінювати стилі на всіх сторінках сайту, не торкаючись HTML коду. Це також полегшує повторне використання стилів та знижує обсяг коду, що позитивно позначається на продуктивності та обслуговуванні сайту.

Порядок підключення CSS:

При використанні кількох файлів CSS або CDN для стилів важливо стежити за порядком їх підключення. Зазвичай файли CSS підключаються до секцій. HTML документа перед тегом, що закриває . Якщо потрібно перевизначити якісь стилі, підключені раніше, це можна зробити в наступних CSS файлах або внутрішніх стилях, які будуть мати більш високий пріоритет.

Каскадність та успадкування:

CSS заснований на концепціях каскадності та успадкування. Каскадність означає, що стилі можуть бути перевизначені за допомогою специфічних селекторів або правил. Спадкування дозволяє застосовувати стилі, визначені для батьківських елементів, до їхніх дочірніх елементів.

Це важливо розуміти при розробці стилів, щоб уникнути несподіваних результатів та керувати стилями ефективніше.

Застосування класів та ідентифікаторів:

Для більш точного керування стилями HTML елементів використовуються класи та ідентифікатори.Класи дозволяють застосовувати ті самі стилі до кількох елементів, в той час як ідентифікатори забезпечують унікальність стилів для конкретного елемента.

Приклад використання класів та ідентифікаторів:

Приклад використання класу

Приклад використання ідентифікатора

У файлі styles.css можна визначити стилі класу .header та ідентифікатора #paragraph .

Висновок статті на тему як у html підключити css

Підключення CSS до HTML — важливий етап створення веб-сторінок, що визначає їх зовнішній вигляд та стиль. У цій статті ми розглянули кілька способів підключення CSS до HTML документа, включаючи внутрішні, зовнішні, вбудовані стилі, використання CDN та правило @import. Кожен з цих методів має свої особливості та переваги, і вибір залежить від вимог проекту та переваг розробника. Дотримуючись найкращих практик розробки, таких як поділ структури та стилю, правильний порядок підключення CSS файлів та використання класів та ідентифікаторів, ви зможете створювати красиві та функціональні веб-сторінки.

Додаткова інформація:

Вивчення основ HTML та CSS:

, та багато інших, а також зрозуміти основні концепції CSS, такі як селектори, властивості та значення, каскадність та успадкування.

Принципи адаптивного та чуйного дизайну:

З розвитком мобільних пристроїв все більшого значення набуває адаптивний та чуйний дизайн веб-сторінок. Це дозволяє вашим сторінкам виглядати добре на різних пристроях та екранах, а також покращує користувальницький досвід. Вивчення принципів медіазапитів, гнучкої сітки та інших технік адаптивного дизайну допоможе вам створювати більш функціональні та зручні веб-програми.

Використання інструментів розробника:

Інструменти розробника в браузері (наприклад, Chrome DevTools) є потужним інструментом для налагодження та тестування веб-сторінок. Вони дозволяють вам переглядати та змінювати HTML та CSS код у реальному часі, а також аналізувати продуктивність вашого сайту. Вивчення цих інструментів допоможе стати більш ефективним розробником.

Продовження навчання:

Веб-розробка — це область, що постійно розвивається, тому важливо постійно оновлювати свої знання та навички. Існує безліч онлайн-курсів, навчальних матеріалів, блогів та спільнот, де ви можете знайти корисну інформацію та підтримку у своєму навчанні. Приділіть час вивченню нових технологій, фреймворків та кращих практик, щоб стати більш компетентним та затребуваним фахівцем у галузі веб-розробки.

Привіт, моє ім'я Юрію, і мені 39 років. Родом із Грозного. Зараз живу та працюю в Краснодарі, в одному з найбільших маркетингових агентств міста. Я основний автор статей на проекті Code4web.

В основному пишу в такі категорії як Javascript, HTML та Офтопік.

У вільний час я лютий геймер. Люблю ігри серії Dark Souls та RPG. Це такий мій спосіб розслабитися та відпочити від повсякденної рутини.