#2 Знакомство с HTML, базовая структура, мета-теги [Курс по Верстке от AROKEN]

👋 Привет! Это курс по верстке от Арокен.ру!
В этом курсе ты обучишься основам верстки, поймешь, как создавать сайты и сделаешь свой собственный крутой проект!
👨‍💻 Материалы курса (верстка и макеты):
Яндекс.Диск - disk.yandex.ru/d/sPwFI1parDsGSA
💥 Основной канал - / @arokenez
✈️ Телеграм - t.me/moodaroken
🖥 Бесплатное сообщество - t.me/arokenru
📜 Группа ВКонтакте - aroken
🔥 Мой сайт AROKEN.RU - aroken.ru
📩 Мой Телеграм Бот - t.me/aroken_bot
🙋‍♂️ Мой блог - t.me/arokendays
⚠️ Осторожно! После прохождения курса ты рискуешь научиться создавать удобные сайты и ворваться в развивающийся айти рынок!
❓ Остались вопросы? Нет мотивации и уверенности в обучении? Пиши в наше бесплатное сообщество в телеграмме!
Там опытные ребята помогут тебе разобраться в проблеме!
👨‍🏫 Преподаватель курса - выпускник Личного Менторства (ныне Премиум) (aroken.ru) и ныне участник команды АроКод: Никита Бёркхардт.

[@Goddamnit1]

Спасибо вам, ребят, за то, что вы делаете и уже сделали. Пофиг, какую роль этот плейлист для вас играет с точки зрения коммерции и выгоды. Реально здорово, что такой контент есть в открытом доступе. "Преподавателю" отдельный респект, всё доступно доложил и разложил.

[@arokenru]

Спасибо!

[@plusmoral1607]

ну шо там по урокам, год прошел с твоего коммента. расскажи что дальше было)

[@rinatshadiev8476]

@@plusmoral1607 как дела уже месяц прошел?

[@diasorazalinov2893]

@@rinatshadiev8476 как дела пол года прошло?

[@vittaphoto]

Долго думала хочу ли снова изучать программирование. А тут ваш курс попался. Знак свыше считай) давно искала подобный формат, спасибо за вашу работу!

[@johnangel9550]

Супер. Хоть уже и в принцепе всё это знаю. Интерестно по смотреть. Очень доступно!

[@user-iz1vh8kh4y]

Спасибо большое 🔥🔥🔥

[@Sake_Ikura_Don]

Огромное спасибо за урок. Очень понятно все объяснили, даже я все поняла.

[@d_1769]

Начал только изучать, спасибо, буду дальше работать, очень благодарен, надеюсь и далее будет ясно))

[@diasorazalinov2893]

Есть успехи?

[@gressiel]

начал твой курс с нуля, понял всё с первого раза. спасибо за этот контент.

[@Kaspe_rrr]

неужели такой контент есть в открытом доступе. Ребята, вы лучшие. Спасибо вам огромное, хоть смогу к техникуму подготовиться, чтобы не быть глупой)

[@foxii_-ms3ml]

Уверяю не будншь глупой😂

[@_drevn1y_]

Ты тоже учился в курсе Техникум? Ты с какого города?

[@user-wf7gr3yl3i]

спасибо,очень полезно

[@Cockie500]

класс изучил разметку и стили и заного начал более качественно

[@arokenru]

Супер

[@SEO-mq5tz]

🔥

[@Vaee170]

УРА С ПЕРВОГО РАЗА СМОГЛАИКОНКУ ПОСТАВИТЬ

[@user-fe2bf3mg4d]

соперничать с гугл.прикольно.ты молодец.очень доступно.и действительно,можешь посоперничать с гугл)))

[@user-wt6uz3zr1r]

Благодарю))

[@Kro5hik]

4:23. Можно также нажать на Enter, код тоже введётся. Спасибо за урок

[@didar271]

Мы такие дакуя умные в начале 😂)2 урок а уже умнве и крутые как гугл

[@UnikumProst]

"Вы уже многое прошли!" В точку! Привет из 2023, где нельзя установить плагины, как показано в первом уроке) 3 дня ушло, но выяснила, что "кому-то" английский надо учить... PS не в укор пишу, просто забавное напутствие наряду с моей борьбой с vs code и плагинами 🤣

[@restoringsoul]

У тебя была проблема с Emmet? У меня когда я нажимаю на tab, то происходит отступ в право. Я не знаю что делать....(((((

[@its_wrong]

Я плагины без проблем установил, странно

[@sadg4280]

Нужно скачать на комп VSC и всё установится...

[@user-jy2sk2rv9p]

​@@restoringsoulтож самое скорее всего плагин неактивен( Если нашел решение прошу подсобить

[@Traxich318]

А что делать если зашел в доп инструменты и пишет макет страницы страницы может быть неожиданным. Что делать подскажите пожалуйста

[@cayceclay4617]

В - везение, это про меня: когда в самом начале обучения словил баг, при котором файл с расширением html не показывает содержимое тегов body в браузере 😤 Что бы ни вводил, всегда пустой лист, как будто новосозданный пустой файл, при этом если смотреть через VSCode, Sublime Text и NotePad++, то весь нужный код есть. Магия))

[@sedodge2053]

такая же проблема, как решил?

[@BakytnurTalip-ck9wo]

Вы решили эту проблему, у меня ток такая же проблема​@@sedodge2053

[@user-bg8de8lg7k]

​@@sedodge2053решили? Я немогу решить все еще

[@sssssfffhgirll]

Какие программы нужно скачивать перед уроком? Можете подсказать

[@user-hq5gg1ch9j]

когда ввожу воскл знак или favicon программа ничего не предлагает

[@user-nf2hg6eb4m]

Здравствуйте, понимаю что вопрос скорее относится к платному курсу (ибо там гарантированный фидбек от менторов), но всё же- почему то не работает Image preview? он просто не показывает миниатюру. И значок сайта в браузере не отображался пока я имя файла не заменил на путь к нему через Copy Path. Я что-то не настроил или вышли какие-то обновления? А может мне руки из плеч растить нужно? И да, первый урок топовый: подача, голос и доступность информации- высший класс! Спасибо вам!

[@arokenru]

Привет. Это Максим Арокен. Пока не совсем понял твой вопрос, а если нет возможности залететь к нам на Премиум, то По всем вопросам пиши в Бесплатный тариф, в чат.

[@user-ev4kv2mt6e]

Иконка должна быть в той же папке, что и проект

[@user-nk7ev5nk1t]

Здравствуйте, а курс будет на языке javascript?

[@tatianazakharchuk5087]

Это обучение, конечно, не для чайников. Если кто такой же лох как я, тот ничего не поймёт. На слух не могла даже определить название редактора. Методом тыка нашла на ютюбе. И о чудо, попала на канал, где дядька буквально на пальцах показывает.) В общем, вам всё равно спасибо хотя бы за то, что нашла того, кто действительно для чайников делает обучение

[@arokenru]

Конкретно установку и подробный разбор редактора мы не показываем, но целью курса было как раз таки аккуратно и заботливо познакомить вас с html и css, поэтому, надеюсь, вы разберётесь с редактором и дадите этому курсу второй шанс)

[@tatianazakharchuk5087]

@@arokenru да не в редакторе дело.) Вы объясняете для людей, уже сведующих. "Найдите уютное место для папки" ... "Кликните сюда..." Куда сюда, какое место?! Был бы фон видео хотя бы светлым и крупнее масштаб, можно было бы разглядеть, куда вы там тычете. "Переименуйте папку"... нужна там точка, не нужна? Откуда чайнику знать? Разглядеть даже на крупном экране не получается. Приходится гуглить, выяснять. Это не учёба, когда за каждой запятой нужно в Гугл бегать... извините

[@arokenru]

@@tatianazakharchuk5087 Спасибо за обратную связь. В следующие разы постараемся улучшить бесплатный контент обучающий курсов!

[@tatianazakharchuk5087]

@@arokenru спасибо за понимание. Посыл понятен. Ключевое слово здесь "бесплатных". Дескать, а чего вы бесплатно хотели? Но бесплатных на самом деле очень много на том же ютюбе. Мало дельных. Но при желании найти можно

[@niyaz_abd]

здравствуйте!а как найти этого дяду?)

[@Bybnegni]

Vc code - нужно настраивать или просто скачал и работаешь в нём? у меня просто нет инструментов и инструментов разработчика

[@user-ym1tv4hh5v]

надо загрузить плагины о которых было сказано в 1 уроке

[@q_4z]

а что мне делать если у меня виндовс11 и нет расширений.тоесть я создаю текстовый документ.переименовываю его и ем все равно

[@Alyonushka_rikova]

Cпасибо за такие потрясающие уроки в открытом доступе.. Но у меня почему-то не добавляется иконка логотипа в код и не отображается в браузере. В чем дело?

[@mars7995]

а что делать если плагин image preview не работает?

[@user-hd8nz3jp4e]

привет у меня emmet не работает через настройки включил тоже самое как можно исправить?

[@sevaraalieva1520]

Подскажите пожалуйста после ! У меня вышли все строки кроме 5 ( новейшая версия этого сайта) как можно его найти?

[@cbuc1111]

6:37 ахахах пробило слегка

[@seichirolight7793]

Такой вот вопрос: когда ты вбил восклицательный знак в строку, у тебя высветились кучу строк автоматически, ты сказал что встроен по умолчанию плагин emmet.Когда я вбил восклицательный знак, то нечего не произошло. Может что-то упустил? Если не сложно объясни

[@AleksandrChagrin]

Тоже искал решение данного вопроса, набери вместо восклицательного знака html и выбери html : 5

[@arokenru]

Возможно ты создал файл не index.html, а index.html.txt, важно создать именно html файл.

[@q_4z]

@@arokenru а почему создается файл txt если я создаю html у меня 11винда.и нет расширений

[@user-hq5gg1ch9j]

Ввожу восклицательный знак ничего не происходит. Что делать?

[@IlyaLee-qf2lv]

Начинаю ) 18.09.2023

[@ynplgue]

как там успехи?) Чему научился?

[@iamnovikovmaksim]

3:30 а как это сделать на маке?

[@yanamagomedova9897]

а как Вы внесли тег линк, чтобы сделать иконку? Ведь под 7 строкой тайтл!

[@NikitosHulk]

Нажмите абзац в конце 6 строки

[@user-vi4cu5mb1j]

Читает случаем не спикер канала CleverMind? Голос очень похож

[@user-yb6xh9ei4q]

на 4:35 после вбивания ! знака не появляется ничего, что делать?

[@sadg4280]

нажать TAB?

[@maxknyazev4471]

на второй день понял ошибку синтаксиса и смог поставить название и иконку, вуху !

[@tatiys]

у кого иконка не отображается, как исправили такую проблему?(

[@RoketLife777]

у меня не получается через вкс написать на сайт хелло ворлд,ну тоесть я пишу,а оно не отображается

[@user-bg8de8lg7k]

Вы узнали почему так ?? Я тоже немогу сейчас решить это

[@badge.3719]

Не отображается иконка все сделал как у тебя, хром выдает ошибку(

[@loingash4401]

бро как успехи

[@onlyforward3556]

у меня почему-то в VS Code нет строки . Но я прочитал, что это только для браузера Internet Explorer (вдруг, это кого-то, как и меня заинтересовало).

[@sadg4280]

он же сказал что это только для IE)

[@onlyforward3556]

@@sadg4280 да я просто это прослушал)

[@Greathanter99]

Здраствуйте начал изучать ваш курс но у меня вс коде теги не отображается как у вас

[@user-bn7fl9ny1t]

Скорее всего у тебя установлена не та цветовая тема, как у автора, посмотрим первый урок, там он объяснял какие плагин нужно установить для упрощения вашего прохождения курса

[@Greathanter99]

@@user-bn7fl9ny1t спасибо попробую

[@Bybnegni]

Странно у меня нет текста когда я нажимаю на ссылку. Она просто пустая открывает без (Hello world)

[@Martynov_Life]

нужно нажать contr s чтоб сохранился код ,после открывать сайт

[@LesnoePodvorie]

ААААААААА, урааа, получилось. про сохранить в видео не сказано было@@Martynov_Life

[@user-rv1wc4qd7x]

после знака ничево нет и плагин скачал

[@youtoobe8631]

а как VS Code установить на win7

[@user-jy2sk2rv9p]

По сайтам полазь. У меня тоже через официальный нехотел скачиваться. Тебе надо х32 а не как на официальном х64

[@user-jy2sk2rv9p]

Хотя скорее всего тебе уже ненадо эта инфа

[@user-sx3om1vf9u]

Установил плагин Emmit , нет подсказок .

[@user-yb6xh9ei4q]

тоже самое, смог сделать что нибудь?

[@user-jy2sk2rv9p]

​@@user-yb6xh9ei4qну как?

[@backreturning]

Помоги пожалуйста у тебя все сразу появляется у меня нет как ты это сделал

[@arokenru]

ты про постановку восклицательного знака? Нужно создать index.html и в нем написать ! и нажать энтер.

[@Cryptonit]

Стоит ли начинать без английского?

[@cbuc1111]

Начать стоит, но лучше его учить совместно поскольку без знаний английской очень тяжело

[@amoralunicorn8673]

Курсы от скилбокса подъехали?)

[@arokenru]

А, что? Курсы от Арокена)

[@bydedzi]

У меня ничего не получилось с восклицательным знаком

[@user-yb6xh9ei4q]

тоже самое , ничего не появилось, как исправил ошибку?

[@bydedzi]

@@user-yb6xh9ei4q Забросил програмирование

[@deminasha]

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

[@ka1r0sh]

Тоже самое

[@Martynov_Life]

нужно нажать contr s чтоб сохранился код ,после открывать сайт

[@musicfan507]

У меня пусто при вводе этого текста

[@user-bn7fl9ny1t]

cntrl+пробле нажми и у тебя должна высветиться информация от emmit, он бывает багается

[@user-zk8on1yg2x]

А если нечего не появилось когда вел "!" ?Чтоо это? Почему?

[@Martynov_Life]

нужно нажать contr s чтоб сохранился код ,после открывать сайт

[@almatbolatuly9657]

настрой vs code под себя. В ютубе есть уроки по настройке

[@user-oy9mp3zo9t]

отвратительный курс, он не для новичков, и сама подача не профи препод. Это человек тупо щелкает и говорит быстро и не поясняет что есть что. Не буду продолжать смотреть

[@arokenru]

Эх, сдался на 2-ом уроке) Жаль. Будем стараться улучшать качество в наших бесплатных курсах.

[@keentar_the_destroyer]

Какие комбинации ты ввёл чтоб получился link

[@IanicDiacenko]

такой говняный микров что уши режит а щас 23 век....