Андрей Шопинский
Андрей Шопинский
  • Видео 25
  • Просмотров 60 639
HTML для новичков с нуля! (Часть 2)
✍️Курс по основам HTML для новичков! (часть 2)
Что изучаем в курсе: популярные теги для создания форм на сайте и атрибуты к ним, вёрстка таблиц, работа с изображением, аудио и видео. В основном касался темы html-форм, так как это то, с чем вы будет взаимодействовать постоянно в рамках профессии Frontend-разработчика.
📹Тайм-коды к видеокурсу:
00:00 - вступление
00:50 - продвинутая форма (теги label, select, option)
09:22 - input с типом file и его атрибуты
10:50 - где и как выучить все теги и атрибуты
11:48 - где узнать другие атрибуты тегов
18:56 - разбор input с типом checkbox
21:29 - разбор input с типом radio
26:35 - что такое DOM-дерево
30:15 - разбираем продвинутую форму с тегом fieldset
37:32...
Просмотров: 192

Видео

HTML с нуля до результата КУРС для новичков! (Часть 1)
Просмотров 48314 дней назад
✍️Курс по основам HTML для новичков! (часть 1) Что изучаем в курсе: рассматриваем базу для работы с технологией HTML, всё самое необходимое и только то, что применяется каждый день любым профессионалом в сфере веб-разработки! 📹Тайм-коды к видеокурсу: 00:00 - вступление советы по прохождению? 01:36 - что такое HTML? 02:55 - что такое CSS? 03:55 - что такое JS? 05:34 - как все 3 технологии работа...
Основы веб-разработки для новичков (БАЗА по Frontend #2)
Просмотров 950Месяц назад
✍️Курс по основам веб-разработки для новичков! Что изучаем в курсе: основы разработки программных продуктов, как программисты разрабатывают сайты, как работает интернет, Frontend? Backend? Всё это разбираем и смотрим на профессию программиста комплексно! 📹Тайм-коды к видеокурсу: 00:00 - в чём смысл данного курса? 00:45 - информационные технологии и информационные системы 02:32 - веб-сайт или ве...
Основы Программирования на JS для Новичков! (БАЗА по Frontend №1)
Просмотров 1,7 тыс.2 месяца назад
✍️Курс для начинающих JS-программистов! Что изучаем в курсе: основы программирования на JS, принцип мышления программиста, базовые понятия и термины ПРОСТЫМИ словами без нудятины и трудностей! 📹Тайм-коды к видеокурсу: 00:00 - зачем и кому нужно это видео? 00:57 - что общего у программистов и поваров? 02:26 - понятие "Алгоритм" 03:46 - понятие "Блок-схема" 05:43 - понятие "Программа" 09:33 - ПРА...
Топ-5 причин: почему я люблю Frontend-разработку?
Просмотров 3663 месяца назад
В этом видео делюсь своими плюсами профессии Frontend-разработчика и рассказываю почему мне нравится развиваться в сфере IT. Таймкоды: 00:00 - вступление 00:26 - причина №1 02:02 - создай свой сайт с нуля! 02:02 - причина №2 04:29 - причина №3 06:12 - причина №4 09:14 - причина №5 Telegram: t.me/IT_shopen Получить бесплатный code review - t.me/ kLGXXG20XdIyZGQy Благодарю за просмотр! #frontend ...
Создание сайта с нуля + адаптивная вёрстка по макету! HTML | SCSS | БЭМ
Просмотров 21 тыс.4 месяца назад
✍️Курс: Вёрстка сайта с нуля до результата, используя современные технологии - SCSS, html, БЭМ. Что разрабатываем: в данном видео создаём сайт на html и css с нуля, также я объясняю методологию БЭМ простым языком и показываю на реальном примере как делается адаптивная вёрстка сайта. Рекомендую изучать новичкам, которые уже смотрели обучающие видеоматериалы по вёрстке и понимают как работает HTM...
ЛУЧШИЙ способ освоить Frontend-разработку!
Просмотров 2,4 тыс.4 месяца назад
В этом видео раскрываю подробно тему правильного подхода к обучению Frontend-разработки. Также даю несколько рекомендаций начинающим и говорю про ошибки новичков во время процесса учёбы. Тайм-коды: 00:00 - вступление 00:29 - кто такой Frontend-разработчик и какие у него задачи? 02:45 - ставь цель и чётко её описывай! 04:00 - почему многие забрасывают обучение и как это исправить? :( 04:41 - выб...
Как изучить профессию JavaScript-разработчика?
Просмотров 5895 месяцев назад
Как изучить профессию JavaScript-разработчика?
Разработка приложения "Список задач" на JavaScript с нуля. Часть №2 (продвинутый курс)
Просмотров 7085 месяцев назад
Разработка приложения "Список задач" на JavaScript с нуля. Часть №2 (продвинутый курс)
Разработка приложения "Список задач" на JavaScript с нуля. Часть №1 (базовый курс)
Просмотров 4,3 тыс.6 месяцев назад
Разработка приложения "Список задач" на JavaScript с нуля. Часть №1 (базовый курс)
VS Code ПОЛНЫЙ курс + настройка (интерфейс, плагины, работа с кодом)
Просмотров 19 тыс.7 месяцев назад
VS Code ПОЛНЫЙ курс настройка (интерфейс, плагины, работа с кодом)

Комментарии

  • @serhioramires3166
    @serhioramires3166 21 час назад

    Талант... языком еле шевелит временами, косноязычный, объясняет так чтобы потруднее было понять что делает... Какие-то основополагающие знания вынести не получится. Ютуб конечно сильно проседает от таких ребят. Вроде инфа есть, но ее уровень низкий.

  • @serhioramires3166
    @serhioramires3166 21 час назад

    Очень много слов вообще и "просто" в частности.

  • @user-wr1eh3pp6w
    @user-wr1eh3pp6w 2 дня назад

    Огромное спасибо!

  • @iuliiapankevych547
    @iuliiapankevych547 4 дня назад

    Спасибо за отличное видео. 👍По новым данным Scss :вместо import теперь use. (как для новичка-это было сложно). Плюс у меня не вышло проработать dashboard picture, он терялся за синим фоном или выходил за рамки синего фона(первого экрана).

    • @andrew_front
      @andrew_front 3 дня назад

      @@iuliiapankevych547 спасибо! Да, посмотрю новые спецификации, поправлю. Но знать старые моменты по коду не менее важно, так как на работе вы столкнётесь с реальной кодовой базой и она, поверьте, не всегда новая и далеко не всегда там всё соответствует современным стандартам)) Вскоре планирую выпустить ролик похожего формата, но попроще с уклоном в новичков, надеюсь будет полегче. В любом случае спасибо вам, успехов в обучении!

  • @user-wr1eh3pp6w
    @user-wr1eh3pp6w 9 дней назад

    только начал смотреть и уже жду 2 часть! очень круто, спасибо

  • @Begay17
    @Begay17 12 дней назад

    Сможете мне помочь сверстать один макет?)

    • @salimoon17
      @salimoon17 10 дней назад

      можем попробовать вместе

  • @iuliiapankevych547
    @iuliiapankevych547 13 дней назад

    Отличный ввод в профессию) Спасибо.

  • @alexbear2842
    @alexbear2842 13 дней назад

    У меня проблема в VS Code с расширением Codeium - перестали работать подсказки - генерации кода. Я внятного решения проблемы так и не получил.

  • @woodju69
    @woodju69 14 дней назад

    Ролик реально бомбовый, во время верстки узнал много нового, бэм выучил, в scss разобрался, еще и первый сайт сверстал, спасибо огромное тебе!!!

  • @DanyaBudyanu
    @DanyaBudyanu 15 дней назад

    Привет. Очень круто!

  • @Sameeec
    @Sameeec 18 дней назад

    У студентов нет времени? Тут действительно играют приоритеты. А как быть работающим людям,как учить,когда нужно решать много бытовых вопросов и вообще отдыхать как-то.

    • @andrew_front
      @andrew_front 17 дней назад

      В моё время, когда я был студентом времени реально не было, у нас была трудная и большая программа, которая требовала от учеников много времени и внимания, чтобы учиться хотя бы без троек, а я учился на отлично и поэтому моя нагрузка была кратно выше. Что касается взрослых людей, то тут ситуация ещё серьёзнее. Лучший вариант, который я вижу - жить некоторое время на финансовой подушке и переучиваться спокойно в своём темпе - в среднем это за год вполне реализуемо. Проблема в том, что у многих кредиты/обязанности и ситуации разные и подушки финансовой как правило нет, либо маленькая. Поэтому есть вариант 2 - через силу и боль. Где-то урезаем встречи с друзьями, где-то объясняем близким людям почему мы не идём с ними развлекаться. Переработки, ночной коддинг, учёба вместо выходных. Другого варианта нет, это самый сложный путь, но он возможен, если вы готовы идти до конца.

  • @azizbekjuraev1
    @azizbekjuraev1 21 день назад

    Why are you using png, instead of svg ? 7:20

  • @BBCTry
    @BBCTry 26 дней назад

    Многие расширения не актуальны, так как есть встроенная поддержка уже в vs code, допустим тот же тег

    • @andrew_front
      @andrew_front 24 дня назад

      И что?) Удалите, если не нужны вам. Расширения не главная часть курса.

  • @marinapetit32
    @marinapetit32 29 дней назад

    помогло.

  • @mikhaildolgov
    @mikhaildolgov Месяц назад

    😎👍 так держать!

  • @douleurdivine
    @douleurdivine Месяц назад

    Спасибо за это видео!

  • @нитьянандамухамедзянов

    О первый комент, просмотр и лайк!

  • @whalecoding
    @whalecoding Месяц назад

    Очень нудно очень много не нужной воды.

    • @andrew_front
      @andrew_front Месяц назад

      Во первых: ролик снят АБСОЛЮТНО без воды. Во вторых: будьте любезны предоставить конкретные таймкоды и конкретные моменты, где я по вашему "лью воду". Научитесь подкреплять свои доводы реальными примерами и фактами, ибо иначе выглядит необоснованно.

    • @whalecoding
      @whalecoding Месяц назад

      @@andrew_front таймкод - это все видео. Вы даже калькулятор пишите нудно. Все медленно. Ума больше не было придумать другой пример? Ладно было бы еще эталонным решение калькулятора. Какие-то схемы беспонтовые не нужные.

    • @andrew_front
      @andrew_front Месяц назад

      @@whalecoding А вы когда в школу пришли в 1 класс вам тоже нудно и тяжко было слушать про алфавит? Вы сразу умели читать, писать, решать математические примеры? Ну если да, то тогда поздравляю, вы сверхразум, вам повезло, если вам это легко даётся, рад за вас! Но есть те, кому даётся не легко и им нужно разжевать! Может тогда снимите по лучше меня курс, раз я кроме воды ничего не даю? Я не против, присылайте, мы вместе со всеми посмотрим!

    • @whalecoding
      @whalecoding Месяц назад

      @@andrew_front вы не можете признать, что то что вы приподнесли полная ахинея

    • @whalecoding
      @whalecoding Месяц назад

      @@andrew_front я к тому что из вашего курса в крвычках нет понимания. абсолютно ни мельчайшего понимания новичку. его еще больше запутывает

  • @As1996Kz
    @As1996Kz Месяц назад

    Досмотрел видос оч классный кайфовый но тем медленный, поидеи я как тип что шарит и все понимаю, но кто впервые мб им норм. В любом случае я смотрел на 1.5x

    • @andrew_front
      @andrew_front Месяц назад

      Спасибо! Да, расчёт был на новичков, которым многое не понятно) Верно, что выбрали 1.5х - так и нужно, если уже многое понимаете в теме.

  • @As1996Kz
    @As1996Kz Месяц назад

    Офигенный видос, посмотрел только 15 минут но уже многое понял и принял. P.S. закинь аудио в ИИ плс а то клики мышки слышны не приятны

    • @andrew_front
      @andrew_front Месяц назад

      Круто! Рад за вас! Да, ок, пофикшу щелчки.

  • @andrew_front
    @andrew_front Месяц назад

    Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143

  • @AlexOldest
    @AlexOldest Месяц назад

    Наибольшую пользу этот ролик принес его автору. Теперь он убедился в том, что его призванием является педагогика.

  • @AlexOldest
    @AlexOldest Месяц назад

    Вы несете такой message: "Это ваш последний видео-курс по JS, так как отныне ваши мозги будут работать по моим лекалам". Смешно...

    • @andrew_front
      @andrew_front Месяц назад

      @@AlexOldest 1) Покажите мне конкретный момент видео, где я говорю, что этот курс "последний"? 2) Не понимаю ваше выражение: "по моим лекалам". Это я по вашему придумал алгоритмический стиль мышления?) Или в чём претензия? Хотелось бы больше конструктивной критики. Или вы абсолютно не верно интерпретируете то, о чём я рассказываю.

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 2 месяца назад

    Спасибо за мотивацию

  • @NtDrke
    @NtDrke 2 месяца назад

    Спасибо за урок! Но у меня возник вопрос, ведь адаптив не полноценный. Если зайти в панель разработчика и поставить масштаб 200%, то все станет крупно, значит верстка не подстроилась под размеры экрана полноценно. Если зайти на яндекс(короткий адрес) то как бы ты не увеличивал на десктопе верстка подстраивается под экран.

    • @andrew_front
      @andrew_front Месяц назад

      Благодарю за просмотр! Только что перепроверил финальный сайт - адаптив выполнен корректно, вёрстка подстраивается под размер экрана устройства на любом масштабе + можно открыть панель разработчика и попробовать отобразить сайт на разных устройствах - всё смотрится верно. На ПК версии если масштаб увеличивать всё тоже окей - просто всё крупное так как мобильная версия активируется, а у Яндекса по другому реализовано - там на большом масштабе просто сужается интерфейс, а для смартфонов вообще отдельная версия страницы загружается, а в моём курсе просто десктопный сайт превращается в мобильную версию постепенно, но с адаптивом в целом всё в порядке.

  • @srulik5334
    @srulik5334 2 месяца назад

    а у вас тоже ощущение, что он под дулом?

    • @andrew_front
      @andrew_front 2 месяца назад

      Да, заставляют производить контент без остановки)

  • @Adam_Aushev
    @Adam_Aushev 2 месяца назад

    В душу смотришь

  • @Гусь-ж2ъ
    @Гусь-ж2ъ 2 месяца назад

    Hexlet + HTML Academy)

  • @StSeaborgium
    @StSeaborgium 2 месяца назад

    База! Ты либо стремишься и добиваешься, либо остаёшься пользователем ПК.

  • @МатвійМаксимчук-ф8щ
    @МатвійМаксимчук-ф8щ 2 месяца назад

    🔥🔥🔥

  • @ArkatovArt
    @ArkatovArt 2 месяца назад

    лучше расскажи, как ты научился не моргать 52 секунды!

  • @Triplanar
    @Triplanar 2 месяца назад

    Все по факту

  • @juliar7429
    @juliar7429 2 месяца назад

    Очень классное видео! Спасибо😊

  • @vladneskin7823
    @vladneskin7823 2 месяца назад

    Очень качественное видео, спасибо! Конкуренции много, но уверен что подписчики будут только расти в количестве;)

  • @marpusik1277
    @marpusik1277 2 месяца назад

    Спасибо 🙏

  • @andrew_front
    @andrew_front 2 месяца назад

    Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143

  • @forelolit3739
    @forelolit3739 2 месяца назад

    Крайне полезное видео! Особенно помогли фишки vs code

  • @_KLA1N_
    @_KLA1N_ 3 месяца назад

    Спасибо!!!!!!!

  • @ДмитрийСеверин-в7е
    @ДмитрийСеверин-в7е 3 месяца назад

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

    • @andrew_front
      @andrew_front 3 месяца назад

      Ну вот, собственно, таким как Вы и следует поучиться выравнивать свой код, а в идеале ещё и текст в комментариях + узнать, как запятые ставятся в предложении, ибо я смысл вашего коммента понял только c третьего раза.

    • @ДмитрийСеверин-в7е
      @ДмитрийСеверин-в7е 3 месяца назад

      @@andrew_front 2 фишки уже использую подсветку цветов сss и иконки в проекте удобно на ларе. ставил плагин уже н помню какой он равгяет код в html что впринципе мне совсем не нужно так как работаю в php есть плагин равнять код в php файле на ларе к примеру в шаблоне там php или блат и html это равнять есть плагин.?

    • @ДмитрийСеверин-в7е
      @ДмитрийСеверин-в7е 3 месяца назад

      а вобще ставлю лайк 2 фишки использую

  • @Tosha.V
    @Tosha.V 3 месяца назад

    сделай подобное с SQLite

  • @МарияПостникова-к4ъ
    @МарияПостникова-к4ъ 3 месяца назад

    Спасибо огромное! Узнала много нового!!!

  • @sevdev9374
    @sevdev9374 3 месяца назад

    По семантике лучше делать структуру header main> section footer

    • @andrew_front
      @andrew_front Месяц назад

      нуууу хз, подумаю, посмотрю, если что в следующих курсах поправлю, спасибо.

  • @andrew_front
    @andrew_front 3 месяца назад

    Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143

  • @Oleksandr-l9g
    @Oleksandr-l9g 3 месяца назад

    Блин, видео классное, но для начинающих лучше было бы разбить это видео на 2 части и помедленнее. Ставлю скорость на 0.75. Как то пытаюсь вникнуть.

    • @andrew_front
      @andrew_front 3 месяца назад

      да, перебрал я со скоростью, буду улучшать со временем качество видео. Спасибо :)

    • @Oleksandr-l9g
      @Oleksandr-l9g 3 месяца назад

      @@andrew_front В любом случае, спасибо за такую огромную работу. Будем подтягиваться до Вашего уровня.

  • @nekonatapersono8754
    @nekonatapersono8754 3 месяца назад

    Видео классное, только пожалуйста, в следующий раз, если есть такая возможность, записывайте аудио и видео одновременно, потому что записанное аудио после записанного видео не очень удачно ложиться на видеоряд и воспринимать информацию сложно. Аудио с опозданием идёт от видео на 10-20 секунд.

    • @andrew_front
      @andrew_front 3 месяца назад

      попробую, конечно, но такое видео затянется на 4+ часов.

  • @dobrMAV
    @dobrMAV 3 месяца назад

    Где эти знания можно применить ? Желающих устроиться на работу на одно место немало .

    • @andrew_front
      @andrew_front 3 месяца назад

      Это начало веб-разработки. С этого стартуют все Frontend-разработчики. Без вёрстки далеко не уедешь. Конкретно те знания, что я в курсе передаю можно как минимум применить для создания полноценного приложения на ReactJS в будущем. А вы хотели посмотреть 1 видеоурок и стать программистом за 2 часа? Мне жаль, но так не бывает. Это долгий и тернистый путь и его придётся проходить от начала и до конца, если вы желаете добиться успеха.

  • @legendofpain1x915
    @legendofpain1x915 3 месяца назад

    С точки зрения БЭМ-методологии модификатор не может использоваться в отрыве от модифицируемого блока или элемента <div class="header__btns"> <button class="header__btn--transparent">Sign in</button> <button class="header__btn--circled header__menu--adaptive">Sign Up</button> </div>

    • @andrew_front
      @andrew_front 3 месяца назад

      Да, я про это где-то уже писал... ошибся немного, с кем не бывает. Не критично, так как остальная вёрстка вполне валидна.

  • @iuriipototskii
    @iuriipototskii 3 месяца назад

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

    • @andrew_front
      @andrew_front 3 месяца назад

      А зря... Дальше вся вёрстка идёт логично по блокам. Я согласен, что в курсе этот момент вводит в лёгкое заблуждение. Мы не идеальные люди. Мои курсы тоже имеют где-то какие-то косяки. Не беда, исправим )

    • @BaraBaranym
      @BaraBaranym Месяц назад

      а что можно смотреть?

    • @andrew_front
      @andrew_front Месяц назад

      @@BaraBaranym Можно смотреть всё, что захотите. Автор комента выше посмотрел от силы 10 минут моего видеокурса и уже написал вывод. Это тоже самое, что сделать вывод о книге в 500 страниц, прочтя первые 10 со словами: "ну всё ясно..." Думайте своей головой, анализируйте, смотрите, ищите полезный материал самостоятельно, а по поводу нарезки макета я уже отвечал выше, не вижу здесь прям большого горя. Это мелочь на фоне следующей части курса.

  • @Triplanar
    @Triplanar 3 месяца назад

    топ👍

  • @user-pf9wz2ik2r
    @user-pf9wz2ik2r 3 месяца назад

    Давай Reacr