Насправді, за бажання вивчити і почати застосовувати HTML і CSS можна за день-два. Варто лише грамотно підійти до процесу навчання та вибрати правильне джерело інформації.
У цій статті я хочу дати кілька порад тим хто вирішив поповнити свій багаж знань і перейти грань візуального створення сайтів і заглянути хоч трохи під капат і дізнатися що і як працює.
Так WordPress нас балує та дозволяє створювати прості проекти без знань мов програмування.
Хоча мови HTML і CSS навряд чи можна назвати програмними, це швидше за все мови гіпертекстової розмітки, але вони лежать в основі всього що ми бачимо в Інтернеті.
Я не буду агітувати Вас купити той чи інший супер-курс або тренінг. Ні я дам кілька порад як краще вивчати HTML і CSS і як досягти результатів.
Крім цього я цією статтею відкрию новий розділ на Info-m в якому публікуватиму корисності по верстці, дизайну та іншим фічам.
Тож поїхали, з чого варто почати?
1. Я думаю спочатку варто встановити зручний та комфортний редактор для коду. Одним із лідерів на даний момент є VSC або Visual Studio Code від Microsoft
Я рекомендую качати редактор з оф. сайту і ось посилання на скачування.
Як встановити потрібну мову, я думаю знайдете інструкції в мережі їх більш ніж достатньо. VSC гнучко налаштовуються і розширюється. Вже написано тисячі розширень. Але я думаю Вам на початку буде коробочної версії.
Тим хто захоче поизголяться про налаштувати редактор під себе ось відео, воно не моє, але мені ліньки знімати а Олексій (автор ролика) ну дуже класно все пояснив і показав.
Починаючи з цієї посади, я вирішив, що варто публікувати чужі відео на своєму сайті, тим більше якщо це якісні ролики професіоналів.
Подивитися інші редактори коду можна на цій сторінці.
Поїхали далі!
Як вивчати HTML та CSS, де брати інформацію?
Просто читаючи або спостерігаючи на екрані Ви навряд чи щось засвоїте. Щоб отримати результат необхідно виконувати завдання та отримувати практику.
Нижче я приведу низку джерел і до кожного докладу коротке резюме.
1. HTML -академія
Крутий ресурс для тих, хто починає зовсім з нуля.
Безкоштовно реєструєтесь і в інтерактивній, ігровій формі проходьте спочатку курс, потім складніше і так далі. Курси переважно там усі безкоштовні, є інтерактивна перевірка завдань. Втім рекомендую для старту новачкам саме те.
У свій час думав завести собі там акаунт для того щоб вести своїх передплатників, але як зазвичай часу не вистачає))
2. Відеокурси.
Спочатку я хотів викласти цілий список безкоштовних кусів, але на жаль майже всі вони застаріли, а автори не обтяжують себе оновленням. Так, з переходом на HTML5 багато змінилося.
Тому я рекомендуватиму поки що тільки один, який варто пройти і отримати перші навички.
Курс Михайла Русакова, досить змістовний і що добре він так само з домашніми завданнями.
 |
Я навіть планував розмістити усі уроки цього курсу на своєму сайті з розбором ДЗ, якщо цікаво пишіть у коментарях.
Онлайн-тренінги!
Мабуть один із найпідуктивніших методів навчання. Добре коду ти спочатку дивишся відео, потім тобі дають завдання і після ще й перевіряють.
Я дам посилання на два, один безкоштовний та другий за символічну плату, але з класними наставниками.
Я не беру участі в партнерках цих ресурсів, просто рекомендую як хороші джерела знань.
Тренінг від молодого програміста Артема Івашкевича.
Досить змістовний курс починаємо вивчення з самого нуля і до розміщення HTML сайту на хостингу. Є прості ДЗ, відповіді на які ви розміщуєте в коментарях під уроками і Артем їх перевіряє.
Є звичайно затримки з перевіркою, але треба розуміти, що проект безкоштовний і Артем не може сидіти і “пасти” кожен коментар.
Але курс досить об’ємний, цілих 55 відео, так що є з чим попрацювати.
Другий тренінг , який я хочу порекомендувати це Веб-верстальник Початок від wayup.in
Він платний, коштує, на мою 9 доларів. Але ці гроші ви платите за допомогу наставника, який перевіряє Ваші ТЗ і веде Вас.
Всього в курсі об’ємних 7 уроків, але вже до кінця тренінгу Ви зможете написати свій перший сайт на чистому HTML з CSS і навіть зрозумієте як працюю прості команди в JS.
Я даю посилання, воно не партнерське, Wayup досі “жлобує” і ніяк не підключить партнерську програму.
Але курс справді хороший і робочий, тож я його сміливо рекомендую новачкам.
Ось мабуть і все, що хотів Вам сьогодні розповісти.
Наприкінці ще пара порад як краще вивчати і що робити далі.
- Не турбуйтеся якщо Вам з початку нічого не зрозуміло, це буває, спробуйте писати код і дивіться результат у браузері
- Не намагайтеся все вивчити та зрозуміти за 1 годину. Теги HTML ви може і засвоїте, але з CSS доведеться повозиться.
- Більше практикуйтеся. Беріть, створюйте чистий HTML документ і починайте створювати структуру першої сторінки.
- Зробіть у своєму браузері папку із закладками та складайте туди корисні поради та підказки, що знайдете у мережі
- Що не зрозуміло, питайте, буду радий підказати.