Выполняем реальный проект на JavaScript | ч.6 - Модуль с изображениями

Поделиться
HTML-код
  • Опубликовано: 19 фев 2020
  • В этом ролике мы продолжаем работу над проектом. Сегодня займемся реализацией модуля по работе с изображениями. Если не смотрели первую часть - то лучше начать с неё.
    Понравилось видео - подписывайся на канал: / @campfireschool
    ================================
    Ссылки:
    Скачиваем исходники проекта - drive.google.com/file/d/1IcA_...
    Техническое задание - docs.google.com/document/d/1l...
    Готовый код этого урока - github.com/yankovalenko94/win...
    cssText - www.w3schools.com/jsref/prop_...
    Одни из лучших и доступных курсов по JavaScript, верстке (html/css), React, Wordpress и многому другому вы найдете на campfire-school.com/
    Мой инстаграм - / petrychenko_ivan
    Телеграм-канал: t.me/petrychenko_ivan

Комментарии • 15

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 4 года назад +2

    Спасибо Иван. Как всегда на высоте!

  • @dzmitrykubarski1462
    @dzmitrykubarski1462 4 года назад +3

    Супер! Спасибо

  • @aleksgavrilov5275
    @aleksgavrilov5275 4 года назад +5

    Добрый день! В коде этого урока есть небольшой баг - если раскомментировать вызов функции, которая открывает модальное окно по времени (callModalByTime('.popup', 60000)), то возникает конфликт, так как в файле images.js мы производим с классом .popup дополнительные манипуляции, и функция callModalByTime начинает открывать только подложку без модального окна. Я добавил в style.css еще один класс .popup_img, которому задал точно такие же свойства как и классу .popup, и в файле images.js производил все действия уже с этим классом, тогда все отрабатывает как нужно

    • @j-lewis
      @j-lewis 7 месяцев назад

      Алекс Гаврилов, вы красавчик ваще, что делитесь. Я бага ещё не видел, но уже поправил))

  • @dmitriystoyanov933
    @dmitriystoyanov933 4 года назад +1

    Иван, подскажи пожалуйста.. Вся эта работа с первой части по последнюю во сколько в среднем оценивается? Хотя бы примерные цифры интересны.

    • @awenn2015
      @awenn2015 3 года назад

      Согласен, сколько эта работа заняла времени и что по деньгам ?

  • @olegtor6710
    @olegtor6710 4 года назад

    Спасибо за видео. Может еще сделаете видео по galp сборке что присутствует в данном проекте?

    • @campfireschool
      @campfireschool  4 года назад

      Этот разбор есть в начале первой части)

    • @user-sf8lt1rs2x
      @user-sf8lt1rs2x 4 года назад +1

      @@campfireschool можете снять полный туториал по gulp 4(Чего нового? Как пользоваться? )

  • @DmitriyMischuk
    @DmitriyMischuk 4 года назад

    у меня почемуто не работает экспорт. В чем пробл.?

    • @campfireschool
      @campfireschool  4 года назад

      Обычно это проблема с синтаксисом. В консоли при сборке нет никаких ошибок?

  • @singlebw4065
    @singlebw4065 4 года назад +1

    Мне кажется или MVC только запутывает. Ну можно же повесить на обработчик window.onload или активировать активировать самовызывающуюся функцию. Бегать по файлам ну вообще не прикольно. Открыл один файл и вдупляй чё к чему. Или я чё то не понимаю в этой жизни?

    • @j-lewis
      @j-lewis 7 месяцев назад +1

      Автор сего комментария просто на момент его написания не разобрался в чём суть MVC и его огромные преимущества. Постараюсь просветить: преимущества MVC заключаются в том, что такой подход позволит разделить логические части приложения и создавать их отдельно друг от друга. Т.е. писать независимые друг от друга блоки кода, которые можно менять как угодно, не затрагивая другие. Это позволяет не только удобно перекидывать нужный функционал из проекта в проект, но и эффективно работать нескольким программистам, когда в проекте каждый занимается своим компонентом. При этом разработчику не приходится вникать в чужой код и его действия не повлияют на другие фрагменты приложения.

    • @singlebw4065
      @singlebw4065 7 месяцев назад

      @@j-lewis Да мужик. За 3 года я понял многое). Всë в программировании не просто так. Кода в основном настолько дохрена, что я на тот момент и представить себе не мог. Тут явно нужна организация его и писанина в одном файле не лучший из вариантов. Спасибо что адекватно оценил мой не опытный первый коммент, а не начал обсирать) На начальном этапе представления скудные просто.

    • @j-lewis
      @j-lewis 6 месяцев назад

      @@singlebw4065 как там было у Маяковского: «Если звёзды зажигают - то это кому-нибудь нужно...» Конечно, с опытом очень многое понимаешь и осознаёшь, что может быть неочевидно сразу. Я так вообще когда 4 года назад только начинал погружаться в тему создания сайтов и начал с самого простого, создания сайтов на конструкторе. И у меня получилось пару простеньких, но симпатичных лэндосов, всем знакомым рассказывал: «Да этот HTML\CSS фуфло, прошлый век, вот Wordpress Elementor - тема модная, молодёжная, позволяет быстро делать крутые сайты!)) Сейчас вспоминаю себя и не могу сдержать улыбку. Т.ч. видимо всем в какой-то момент приходилось пройти через эффект Даннинга-Крюгера и сильно заблуждаться, делая неправильные выводы, потому что не обладали нужным объёмом знаний.
      Ну, а на счёт засерания коллег, это мне кажется совсем уже уровень ниже плинтуса. Во-первых, какой смысл? А во-вторых наоборот должна быть профессиональная солидарность, ведь мы все делаем одно дело, которое большинству из нас очень по-кайфу, это нас сильно роднит. Мы делаем веб лучше, удобнее, качественнее. Поэтому надо помогать друг другу, а не мериться у кого Эго больше.) Желаю успеха в карьере, коллега и много денежных заказов или прекрасных офферов в ближайшем будущем! 🤝