- Видео 25
- Просмотров 60 639
Андрей Шопинский
Добавлен 11 апр 2024
Помогаю новичкам в освоении профессии Frontend-разработчика!
Личная консультация 👉 t.me/IT_shopen/143
Начни менять жизнь сегодня! 💪
Личная консультация 👉 t.me/IT_shopen/143
Начни менять жизнь сегодня! 💪
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...
Что изучаем в курсе: популярные теги для создания форм на сайте и атрибуты к ним, вёрстка таблиц, работа с изображением, аудио и видео. В основном касался темы 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 ПОЛНЫЙ курс настройка (интерфейс, плагины, работа с кодом)
Талант... языком еле шевелит временами, косноязычный, объясняет так чтобы потруднее было понять что делает... Какие-то основополагающие знания вынести не получится. Ютуб конечно сильно проседает от таких ребят. Вроде инфа есть, но ее уровень низкий.
Очень много слов вообще и "просто" в частности.
Огромное спасибо!
Спасибо за отличное видео. 👍По новым данным Scss :вместо import теперь use. (как для новичка-это было сложно). Плюс у меня не вышло проработать dashboard picture, он терялся за синим фоном или выходил за рамки синего фона(первого экрана).
@@iuliiapankevych547 спасибо! Да, посмотрю новые спецификации, поправлю. Но знать старые моменты по коду не менее важно, так как на работе вы столкнётесь с реальной кодовой базой и она, поверьте, не всегда новая и далеко не всегда там всё соответствует современным стандартам)) Вскоре планирую выпустить ролик похожего формата, но попроще с уклоном в новичков, надеюсь будет полегче. В любом случае спасибо вам, успехов в обучении!
только начал смотреть и уже жду 2 часть! очень круто, спасибо
Сможете мне помочь сверстать один макет?)
можем попробовать вместе
Отличный ввод в профессию) Спасибо.
У меня проблема в VS Code с расширением Codeium - перестали работать подсказки - генерации кода. Я внятного решения проблемы так и не получил.
Ролик реально бомбовый, во время верстки узнал много нового, бэм выучил, в scss разобрался, еще и первый сайт сверстал, спасибо огромное тебе!!!
Привет. Очень круто!
У студентов нет времени? Тут действительно играют приоритеты. А как быть работающим людям,как учить,когда нужно решать много бытовых вопросов и вообще отдыхать как-то.
В моё время, когда я был студентом времени реально не было, у нас была трудная и большая программа, которая требовала от учеников много времени и внимания, чтобы учиться хотя бы без троек, а я учился на отлично и поэтому моя нагрузка была кратно выше. Что касается взрослых людей, то тут ситуация ещё серьёзнее. Лучший вариант, который я вижу - жить некоторое время на финансовой подушке и переучиваться спокойно в своём темпе - в среднем это за год вполне реализуемо. Проблема в том, что у многих кредиты/обязанности и ситуации разные и подушки финансовой как правило нет, либо маленькая. Поэтому есть вариант 2 - через силу и боль. Где-то урезаем встречи с друзьями, где-то объясняем близким людям почему мы не идём с ними развлекаться. Переработки, ночной коддинг, учёба вместо выходных. Другого варианта нет, это самый сложный путь, но он возможен, если вы готовы идти до конца.
Why are you using png, instead of svg ? 7:20
Многие расширения не актуальны, так как есть встроенная поддержка уже в vs code, допустим тот же тег
И что?) Удалите, если не нужны вам. Расширения не главная часть курса.
помогло.
😎👍 так держать!
Спасибо за это видео!
О первый комент, просмотр и лайк!
Очень нудно очень много не нужной воды.
Во первых: ролик снят АБСОЛЮТНО без воды. Во вторых: будьте любезны предоставить конкретные таймкоды и конкретные моменты, где я по вашему "лью воду". Научитесь подкреплять свои доводы реальными примерами и фактами, ибо иначе выглядит необоснованно.
@@andrew_front таймкод - это все видео. Вы даже калькулятор пишите нудно. Все медленно. Ума больше не было придумать другой пример? Ладно было бы еще эталонным решение калькулятора. Какие-то схемы беспонтовые не нужные.
@@whalecoding А вы когда в школу пришли в 1 класс вам тоже нудно и тяжко было слушать про алфавит? Вы сразу умели читать, писать, решать математические примеры? Ну если да, то тогда поздравляю, вы сверхразум, вам повезло, если вам это легко даётся, рад за вас! Но есть те, кому даётся не легко и им нужно разжевать! Может тогда снимите по лучше меня курс, раз я кроме воды ничего не даю? Я не против, присылайте, мы вместе со всеми посмотрим!
@@andrew_front вы не можете признать, что то что вы приподнесли полная ахинея
@@andrew_front я к тому что из вашего курса в крвычках нет понимания. абсолютно ни мельчайшего понимания новичку. его еще больше запутывает
Досмотрел видос оч классный кайфовый но тем медленный, поидеи я как тип что шарит и все понимаю, но кто впервые мб им норм. В любом случае я смотрел на 1.5x
Спасибо! Да, расчёт был на новичков, которым многое не понятно) Верно, что выбрали 1.5х - так и нужно, если уже многое понимаете в теме.
Офигенный видос, посмотрел только 15 минут но уже многое понял и принял. P.S. закинь аудио в ИИ плс а то клики мышки слышны не приятны
Круто! Рад за вас! Да, ок, пофикшу щелчки.
Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143
Наибольшую пользу этот ролик принес его автору. Теперь он убедился в том, что его призванием является педагогика.
Вы несете такой message: "Это ваш последний видео-курс по JS, так как отныне ваши мозги будут работать по моим лекалам". Смешно...
@@AlexOldest 1) Покажите мне конкретный момент видео, где я говорю, что этот курс "последний"? 2) Не понимаю ваше выражение: "по моим лекалам". Это я по вашему придумал алгоритмический стиль мышления?) Или в чём претензия? Хотелось бы больше конструктивной критики. Или вы абсолютно не верно интерпретируете то, о чём я рассказываю.
Спасибо за мотивацию
Спасибо за урок! Но у меня возник вопрос, ведь адаптив не полноценный. Если зайти в панель разработчика и поставить масштаб 200%, то все станет крупно, значит верстка не подстроилась под размеры экрана полноценно. Если зайти на яндекс(короткий адрес) то как бы ты не увеличивал на десктопе верстка подстраивается под экран.
Благодарю за просмотр! Только что перепроверил финальный сайт - адаптив выполнен корректно, вёрстка подстраивается под размер экрана устройства на любом масштабе + можно открыть панель разработчика и попробовать отобразить сайт на разных устройствах - всё смотрится верно. На ПК версии если масштаб увеличивать всё тоже окей - просто всё крупное так как мобильная версия активируется, а у Яндекса по другому реализовано - там на большом масштабе просто сужается интерфейс, а для смартфонов вообще отдельная версия страницы загружается, а в моём курсе просто десктопный сайт превращается в мобильную версию постепенно, но с адаптивом в целом всё в порядке.
а у вас тоже ощущение, что он под дулом?
Да, заставляют производить контент без остановки)
В душу смотришь
Hexlet + HTML Academy)
База! Ты либо стремишься и добиваешься, либо остаёшься пользователем ПК.
🔥🔥🔥
лучше расскажи, как ты научился не моргать 52 секунды!
Все по факту
Очень классное видео! Спасибо😊
Очень качественное видео, спасибо! Конкуренции много, но уверен что подписчики будут только расти в количестве;)
Спасибо 🙏
Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143
Крайне полезное видео! Особенно помогли фишки vs code
Спасибо!!!!!!!
хорошо что чуть позже покажешь как в программе настроно про неровности кода и пустую балтовню побил вемя однозачно дизлайк
Ну вот, собственно, таким как Вы и следует поучиться выравнивать свой код, а в идеале ещё и текст в комментариях + узнать, как запятые ставятся в предложении, ибо я смысл вашего коммента понял только c третьего раза.
@@andrew_front 2 фишки уже использую подсветку цветов сss и иконки в проекте удобно на ларе. ставил плагин уже н помню какой он равгяет код в html что впринципе мне совсем не нужно так как работаю в php есть плагин равнять код в php файле на ларе к примеру в шаблоне там php или блат и html это равнять есть плагин.?
а вобще ставлю лайк 2 фишки использую
сделай подобное с SQLite
Спасибо огромное! Узнала много нового!!!
По семантике лучше делать структуру header main> section footer
нуууу хз, подумаю, посмотрю, если что в следующих курсах поправлю, спасибо.
Хочешь стать Frontend-разработчиком? Я лично помогу тебе в решении вопроса! Запись на консультацию и условия здесь: t.me/IT_shopen/143
Блин, видео классное, но для начинающих лучше было бы разбить это видео на 2 части и помедленнее. Ставлю скорость на 0.75. Как то пытаюсь вникнуть.
да, перебрал я со скоростью, буду улучшать со временем качество видео. Спасибо :)
@@andrew_front В любом случае, спасибо за такую огромную работу. Будем подтягиваться до Вашего уровня.
Видео классное, только пожалуйста, в следующий раз, если есть такая возможность, записывайте аудио и видео одновременно, потому что записанное аудио после записанного видео не очень удачно ложиться на видеоряд и воспринимать информацию сложно. Аудио с опозданием идёт от видео на 10-20 секунд.
попробую, конечно, но такое видео затянется на 4+ часов.
Где эти знания можно применить ? Желающих устроиться на работу на одно место немало .
Это начало веб-разработки. С этого стартуют все Frontend-разработчики. Без вёрстки далеко не уедешь. Конкретно те знания, что я в курсе передаю можно как минимум применить для создания полноценного приложения на ReactJS в будущем. А вы хотели посмотреть 1 видеоурок и стать программистом за 2 часа? Мне жаль, но так не бывает. Это долгий и тернистый путь и его придётся проходить от начала и до конца, если вы желаете добиться успеха.
С точки зрения БЭМ-методологии модификатор не может использоваться в отрыве от модифицируемого блока или элемента <div class="header__btns"> <button class="header__btn--transparent">Sign in</button> <button class="header__btn--circled header__menu--adaptive">Sign Up</button> </div>
Да, я про это где-то уже писал... ошибся немного, с кем не бывает. Не критично, так как остальная вёрстка вполне валидна.
нарезка секций по экранам? спасибо, что сказал об этом на первых минутах, дальше можно не сиотреть
А зря... Дальше вся вёрстка идёт логично по блокам. Я согласен, что в курсе этот момент вводит в лёгкое заблуждение. Мы не идеальные люди. Мои курсы тоже имеют где-то какие-то косяки. Не беда, исправим )
а что можно смотреть?
@@BaraBaranym Можно смотреть всё, что захотите. Автор комента выше посмотрел от силы 10 минут моего видеокурса и уже написал вывод. Это тоже самое, что сделать вывод о книге в 500 страниц, прочтя первые 10 со словами: "ну всё ясно..." Думайте своей головой, анализируйте, смотрите, ищите полезный материал самостоятельно, а по поводу нарезки макета я уже отвечал выше, не вижу здесь прям большого горя. Это мелочь на фоне следующей части курса.
топ👍
Давай Reacr
React*