Урок 2. Основи HTML and CSS, редактор для верстки Adobe Brackets

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • 👉 Продовження курсу frontend.lviv.ua/
    🤝Урок 2. Основи HTML and CSS, редактор для верстки Adobe Brackets
    🔥Викладач - senior Frontend Developer Петро Жук.
    ☄️В цьому відео ви ознайомитеся з основами HTML та CSS, зокрема:
    ✅Навчитеся створювати файл HTML у Brackets
    ✅ Розглянете різні теги - ключові слова - для створення вашого першого сайту
    ✅Зрозумієте як уважно працювати з тегами, щоб не переплутати і не випустити нічого з уваги, інакше вся конструкція буде зламана
    ✅Дізнаєтеся, що таке HTML контейнер
    ✅Опануєте різницю між обов’язковими та необов’язковими тегами
    ✅Ознайомитесь з принципами UTF-8
    ✅Навчитеся додавати на сайт заголовки, параграфи, марковані та нумеровані списки, посилання тощо.
    ✅Також навчитеся ставити плагіни в середовище для того щоб працювати швидше та продуктивніше!
    👌Переходь до наступного відео-уроку, далі цікавіше :)
    ❤️Подобається програмування? Хочеш стати Веб розробником? Реєструйся на комплексний курс Frontend Developer!
    🔥Деталі: frontend.lviv.ua/
    ❓Залишились питання?
    📩Пишіть нам - support@lgs.lviv.ua
    ☎️Телефонуйте - 067-990-37-93
    🏇Заходьте в гості: м. Львів, вул. Івана Франка 61, адміністрація - 5 поверх, каб. 500
    🙌Ми у соцмережах:
    👉ФБ: / lgs.lviv.ua
    👉Інстаграм: / logos_it_academy
    👉Всі наші проекти тут: lviv.logos-aca...

КОМЕНТАРІ • 55

  • @viktoriiatitova6913
    @viktoriiatitova6913 3 роки тому +3

    Супер! Дякую. Доступно і зрозуміло все пояснили. Виходить як у вас)

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com

  • @user-gi5hd7lb5o
    @user-gi5hd7lb5o Рік тому +1

    Дякую. Доступно

  • @MegaStick2
    @MegaStick2 3 роки тому +2

    Круте пояснення кожної дрібниці

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо) Знаєте про наші безкоштовні ІТ курси? lviv.logos-academy.com/#rec248923095

  • @ОлександрБерестов-ы5о

    Дуже класно

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com

  • @СвітланаТуриніна-ц1ж

    Після встановлення Emmet натискаю на Tab aле дія не відбувається тільки відсовується, підкажіть в чому проблема?

    • @МИТРУЛА
      @МИТРУЛА 3 роки тому +2

      заходиш в брекетс знизу з права буде меню і в розділі текст треба вибрати html

  • @viktorskoryk9706
    @viktorskoryk9706 8 місяців тому

    Чому у вас кольоровий тект у мене звичайний? У мене не має таких стрілочок донизу, як у вас 2,3 пунк? Ви подаєте інформацію як професіонал, що бачить так початок роботи у новачка. А я просто новачок. Мені хотцілося від А до Я. Як ви встановлюєте програму і тому подібне.

  • @stevenlivingston6295
    @stevenlivingston6295 3 роки тому +2

    Дякую я багато дізнався new

  • @viggov3104
    @viggov3104 4 роки тому +10

    ЯК поділити html на частини ?
    Як взагалі ділити на частини ?
    після того як я скачав у менеджері розширення 2 плагіна які ти сказав , дальше роблю теж саме , що ти .
    Ніби через емет нажимаю таб ,і нічого не вибиває , просто посувається трошки в право , нажимаю ще раз таб і ще раз трошки в право . Чому ? Щоя зробив не так ?

    • @kucheryaviy1
      @kucheryaviy1 4 роки тому +2

      теж не получається

  • @aeongoodchild8652
    @aeongoodchild8652 Рік тому +1

    лол такий крутий контент а так мало лайків, дякую за вашу працю

    • @kursylviv
      @kursylviv  Рік тому +1

      Будемо вдячні за репост в соцмережах і лайк)

    • @aeongoodchild8652
      @aeongoodchild8652 Рік тому

      @@kursylviv Так, про вас мають знати усі кого цікавить ІТ

  • @Halyna___.
    @Halyna___. 4 роки тому +1

    Дуже все змістовно та зрозуміло

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com

  • @viktorskoryk9706
    @viktorskoryk9706 8 місяців тому

    Не так як у вас. кнопка таб TAB при встановлені Емета не працює. Ваші уроки не для початківця.

  • @feKviss
    @feKviss 3 роки тому +1

    У мене невідома помилка коли я нажимаю скачати емет: Неудалось установить неизвестная внутренняя лшибка

  • @brockinerrygroups2742
    @brockinerrygroups2742 2 роки тому +2

    Чому в браузері в мене видно всі теги, так само як у Brackets ?

  • @Bismarck562
    @Bismarck562 4 роки тому +3

    Скачав брекетс но зміни не відображаєця в браузері які Я прописою

    • @zhekunenko
      @zhekunenko 4 роки тому +1

      Або потрібно скачати розширення для Brackets на автозберігання або постійно після змін зберігати файл.

  • @luffy6037
    @luffy6037 3 роки тому +3

    Припустим я написав код як у вас, тепер у мене запитання як відкрити його у браузері?

    • @kursylviv
      @kursylviv  3 роки тому +4

      Зберегти файл як html і відкрити його через браузер)

  • @andriipavlovskyi6270
    @andriipavlovskyi6270 3 роки тому +2

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

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com
      Доречі для початківців в нас є безкоштовні ІТ курси!) Шукайте на сайті!)

    • @Tghrough
      @Tghrough Рік тому

      і як, зрозуміли чи це ваше?

  • @weronikakarol5711
    @weronikakarol5711 3 роки тому +1

    Що саме за ноутбук ?(модель )

  • @erl1338
    @erl1338 Рік тому +1

    Скажіть будь ласка, чому у мене в браузері видно такі самі теги як і в Brackets?

    • @kursylviv
      @kursylviv  Рік тому

      А чому вони мають відрізнятися?)

    • @erl1338
      @erl1338 Рік тому

      @@kursylviv Наприклад в програмі є (
      Document
      ), і в браузері не відображається наприклад назва сторінка, а просто з початку сторінки є ті ж самі теги (
      Document
      )

  • @СаняЮрин-ъ4м
    @СаняЮрин-ъ4м 2 роки тому +1

    Вы можете показать как установить Пайтон на андроид,.Спасибо!

  • @Роман-ь5д9с
    @Роман-ь5д9с Рік тому

    Добрый день времени суток
    как скачать эти демо уроки????

  • @logosonline6412
    @logosonline6412 5 років тому +1

    погоджуюсь

    • @kursylviv
      @kursylviv  2 роки тому

      Будемо раді бачити Вас в нашій академії: logos-academy.com/

  • @ДеняЯковенко
    @ДеняЯковенко 4 роки тому +1

    а як відкрити Brackets в браузері в мене не виходить

    • @kursylviv
      @kursylviv  4 роки тому

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

    • @ДеняЯковенко
      @ДеняЯковенко 4 роки тому

      не виходить

  • @erl1338
    @erl1338 Рік тому

    Я помітив, що в браузері в URL-адресі в кінці писало "txt", я це стер, тому що на відео такого немає і висвітлилось "Cannot GET /index.html", як це вирішити?

    • @kursylviv
      @kursylviv  Рік тому

      Перейменувати в .html

  • @ЖеняНеВажно-ш9я
    @ЖеняНеВажно-ш9я 4 роки тому

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

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com

    • @ЖеняНеВажно-ш9я
      @ЖеняНеВажно-ш9я 2 роки тому

      @@kursylviv через рік відповіли? Ну дякую-дякую🤣

  • @Олександр-ъ3г
    @Олександр-ъ3г 3 роки тому +1

    Я після того як сохранив захожу в оперу і вмене пише назву папки де я зберіг налаштування

    • @kursylviv
      @kursylviv  2 роки тому

      Дякуємо за відгук! Будемо раді бачити на навчанні: logos-academy.com

  • @nayivna
    @nayivna Рік тому

    Що робити, якщо немає Emmet?

    • @kursylviv
      @kursylviv  Рік тому

      Записуватись на курс! 👌

  • @ВикторияБулига-с4ф

    Добрый день
    Преподаете ли Вы индивидуально и какова стоимость урока?

    • @kursylviv
      @kursylviv  Рік тому

      Доброго дня! Індивідуальних уроків немає, вся інформація тут: frontend.lviv.ua/

  • @ivannadiuk5709
    @ivannadiuk5709 3 роки тому

    А ще було б бомбезно кайфово людям зробити адаптаційне відео до нових слів, абревіатур - ТЕРМІНОЛОГІЧНИЙ СЛОВНИК! Щоб у голові каші не було, а
    зацікавленість поглиблювалась ..

    • @kursylviv
      @kursylviv  2 роки тому

      Спочатку трішки складно, але зазвичай всі швидко адаптовуються)
      запрошуємо на безкоштовний курс веб розробки: frontend.lviv.ua/osnovy-frontend-rozrobky

  • @imperator8845
    @imperator8845 4 місяці тому

    Пояснюєш гарно але хотівби дивитись на текст, а не на марку ноутбука і твій фейс))