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

2022 ж. 17 Нау.
88 119 Рет қаралды

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

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

    @Goddamnit1@Goddamnit12 жыл бұрын
    • Спасибо!

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

      @plusmoral1607@plusmoral16079 ай бұрын
    • @@plusmoral1607 как дела уже месяц прошел?

      @rinatshadiev8476@rinatshadiev84767 ай бұрын
    • @@rinatshadiev8476 как дела пол года прошло?

      @diasorazalinov2893@diasorazalinov289324 күн бұрын
  • Супер. Хоть уже и в принцепе всё это знаю. Интерестно по смотреть. Очень доступно!

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

    @vittaphoto@vittaphoto8 ай бұрын
  • Спасибо большое 🔥🔥🔥

    @user-iz1vh8kh4y@user-iz1vh8kh4y Жыл бұрын
  • Огромное спасибо за урок. Очень понятно все объяснили, даже я все поняла.

    @Sake_Ikura_Don@Sake_Ikura_Don5 ай бұрын
  • начал твой курс с нуля, понял всё с первого раза. спасибо за этот контент.

    @gressiel@gressiel7 ай бұрын
  • Начал только изучать, спасибо, буду дальше работать, очень благодарен, надеюсь и далее будет ясно))

    @d_1769@d_1769 Жыл бұрын
    • Есть успехи?

      @diasorazalinov2893@diasorazalinov289324 күн бұрын
  • спасибо,очень полезно

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

    @Kaspe_rrr@Kaspe_rrr9 ай бұрын
    • Уверяю не будншь глупой😂

      @foxii_-ms3ml@foxii_-ms3ml5 ай бұрын
    • Ты тоже учился в курсе Техникум? Ты с какого города?

      @_drevn1y_@_drevn1y_2 ай бұрын
  • УРА С ПЕРВОГО РАЗА СМОГЛАИКОНКУ ПОСТАВИТЬ

    @Vaee170@Vaee170 Жыл бұрын
  • класс изучил разметку и стили и заного начал более качественно

    @Cockie500@Cockie500 Жыл бұрын
    • Супер

      @arokenru@arokenru Жыл бұрын
  • 🔥

    @SEO-mq5tz@SEO-mq5tz2 жыл бұрын
  • соперничать с гугл.прикольно.ты молодец.очень доступно.и действительно,можешь посоперничать с гугл)))

    @user-fe2bf3mg4d@user-fe2bf3mg4d7 ай бұрын
  • А что делать если зашел в доп инструменты и пишет макет страницы страницы может быть неожиданным. Что делать подскажите пожалуйста

    @Traxich318@Traxich3187 ай бұрын
  • Какие программы нужно скачивать перед уроком? Можете подсказать

    @sssssfffhgirll@sssssfffhgirll5 ай бұрын
  • 4:23. Можно также нажать на Enter, код тоже введётся. Спасибо за урок

    @Kro5hik@Kro5hik6 ай бұрын
  • Мы такие дакуя умные в начале 😂)2 урок а уже умнве и крутые как гугл

    @didar271@didar2713 ай бұрын
  • Благодарю))

    @user-wt6uz3zr1r@user-wt6uz3zr1r Жыл бұрын
  • когда ввожу воскл знак или favicon программа ничего не предлагает

    @user-hq5gg1ch9j@user-hq5gg1ch9j6 ай бұрын
  • привет у меня emmet не работает через настройки включил тоже самое как можно исправить?

    @user-hd8nz3jp4e@user-hd8nz3jp4e7 ай бұрын
  • Здравствуйте, а курс будет на языке javascript?

    @user-nk7ev5nk1t@user-nk7ev5nk1t2 ай бұрын
  • Vc code - нужно настраивать или просто скачал и работаешь в нём? у меня просто нет инструментов и инструментов разработчика

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

      @user-ym1tv4hh5v@user-ym1tv4hh5v Жыл бұрын
  • а что делать если плагин image preview не работает?

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

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

      @restoringsoul@restoringsoul Жыл бұрын
    • Я плагины без проблем установил, странно

      @its_wrong@its_wrong11 ай бұрын
    • Нужно скачать на комп VSC и всё установится...

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

      @user-jy2sk2rv9p@user-jy2sk2rv9p9 ай бұрын
  • а что мне делать если у меня виндовс11 и нет расширений.тоесть я создаю текстовый документ.переименовываю его и ем все равно

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

    @user-nf2hg6eb4m@user-nf2hg6eb4m Жыл бұрын
    • Привет. Это Максим Арокен. Пока не совсем понял твой вопрос, а если нет возможности залететь к нам на Премиум, то По всем вопросам пиши в Бесплатный тариф, в чат.

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

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

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

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

    @cayceclay4617@cayceclay461711 ай бұрын
    • такая же проблема, как решил?

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

      @BakytnurTalip-ck9wo@BakytnurTalip-ck9wo2 ай бұрын
    • ​@@sedodge2053решили? Я немогу решить все еще

      @user-bg8de8lg7k@user-bg8de8lg7k16 күн бұрын
  • Ввожу восклицательный знак ничего не происходит. Что делать?

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

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

      @AleksandrChagrin@AleksandrChagrin Жыл бұрын
    • Возможно ты создал файл не index.html, а index.html.txt, важно создать именно html файл.

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

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

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

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

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

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

      @tatianazakharchuk5087@tatianazakharchuk50872 жыл бұрын
    • здравствуйте!а как найти этого дяду?)

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

    @yanamagomedova9897@yanamagomedova9897 Жыл бұрын
    • Нажмите абзац в конце 6 строки

      @NikitosHulk@NikitosHulk10 ай бұрын
  • 6:37 ахахах пробило слегка

    @cbuc1111@cbuc1111 Жыл бұрын
  • 3:30 а как это сделать на маке?

    @iamnovikovmaksim@iamnovikovmaksim2 ай бұрын
  • Читает случаем не спикер канала CleverMind? Голос очень похож

    @user-vi4cu5mb1j@user-vi4cu5mb1j7 ай бұрын
  • Странно у меня нет текста когда я нажимаю на ссылку. Она просто пустая открывает без (Hello world)

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

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

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

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

      @user-bg8de8lg7k@user-bg8de8lg7k16 күн бұрын
  • на 4:35 после вбивания ! знака не появляется ничего, что делать?

    @user-yb6xh9ei4q@user-yb6xh9ei4q Жыл бұрын
    • нажать TAB?

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

    @onlyforward3556@onlyforward355610 ай бұрын
    • он же сказал что это только для IE)

      @sadg4280@sadg428010 ай бұрын
    • @@sadg4280 да я просто это прослушал)

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

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

      @user-bn7fl9ny1t@user-bn7fl9ny1t10 ай бұрын
    • @@user-bn7fl9ny1t спасибо попробую

      @Greathanter99@Greathanter9910 ай бұрын
  • у кого иконка не отображается, как исправили такую проблему?(

    @tatiys@tatiys5 күн бұрын
  • Начинаю ) 18.09.2023

    @IlyaLee-qf2lv@IlyaLee-qf2lv7 ай бұрын
    • как там успехи?) Чему научился?

      @ynplgue@ynplgue27 күн бұрын
  • Не отображается иконка все сделал как у тебя, хром выдает ошибку(

    @badge.3719@badge.3719 Жыл бұрын
    • бро как успехи

      @loingash4401@loingash44018 ай бұрын
  • после знака ничево нет и плагин скачал

    @user-rv1wc4qd7x@user-rv1wc4qd7x3 ай бұрын
  • на второй день понял ошибку синтаксиса и смог поставить название и иконку, вуху !

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

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

      @arokenru@arokenru Жыл бұрын
  • а как VS Code установить на win7

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

      @user-jy2sk2rv9p@user-jy2sk2rv9p9 ай бұрын
    • Хотя скорее всего тебе уже ненадо эта инфа

      @user-jy2sk2rv9p@user-jy2sk2rv9p9 ай бұрын
  • Установил плагин Emmit , нет подсказок .

    @user-sx3om1vf9u@user-sx3om1vf9u Жыл бұрын
    • тоже самое, смог сделать что нибудь?

      @user-yb6xh9ei4q@user-yb6xh9ei4q Жыл бұрын
    • ​@@user-yb6xh9ei4qну как?

      @user-jy2sk2rv9p@user-jy2sk2rv9p9 ай бұрын
  • У меня ничего не получилось с восклицательным знаком

    @bydedzi@bydedzi Жыл бұрын
    • тоже самое , ничего не появилось, как исправил ошибку?

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

      @bydedzi@bydedzi Жыл бұрын
  • Стоит ли начинать без английского?

    @Cryptonit@Cryptonit Жыл бұрын
    • Начать стоит, но лучше его учить совместно поскольку без знаний английской очень тяжело

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

    @deminasha@deminasha Жыл бұрын
    • Тоже самое

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

      @Martynov_Life@Martynov_Life Жыл бұрын
  • У меня пусто при вводе этого текста

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

      @user-bn7fl9ny1t@user-bn7fl9ny1t Жыл бұрын
  • Курсы от скилбокса подъехали?)

    @amoralunicorn8673@amoralunicorn8673 Жыл бұрын
    • А, что? Курсы от Арокена)

      @arokenru@arokenru Жыл бұрын
  • А если нечего не появилось когда вел "!" ?Чтоо это? Почему?

    @user-zk8on1yg2x@user-zk8on1yg2x Жыл бұрын
    • нужно нажать contr s чтоб сохранился код ,после открывать сайт

      @Martynov_Life@Martynov_Life Жыл бұрын
    • настрой vs code под себя. В ютубе есть уроки по настройке

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

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

      @arokenru@arokenru Жыл бұрын
    • Какие комбинации ты ввёл чтоб получился link

      @keentar_the_destroyer@keentar_the_destroyer9 ай бұрын
  • такой говняный микров что уши режит а щас 23 век....

    @IanicDiacenko@IanicDiacenko5 ай бұрын
KZhead