1. ФРОНТЕНД. Введение во фронтенд | Технострим

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2024
  • Лекция в рамках образовательного проекта «Технопарк Mail.ru Group» при МГТУ им. Баумана.
    Содержание лекции:
    • введение и структура курса;
    • порядок работы и требования к проекту;
    • почему фронтенд-разработка - это не только вёрстка;
    • клиент-серверное взаимодействие;
    • Node.js, npm и git: создание и деплой приложения.
    Смотрите также:
    • Курс «Углублённое программирование на Java (2015)»: goo.gl/7CTZFZ
    • Курс «Углублённое программирование на Java (2014)»: goo.gl/9gNiow
    • Курс «Проектирование интерфейсов»: goo.gl/WXGQ2x
    Мы даём студентам базовые и продвинутые навыки фронтенд-разработки, а также знакомим их с необходимыми принципами, правилами и подходами к разработке современных веб-приложений. В результате завершения курса студенты получают все необходимые знания для успешного прохождения собеседования на должность начинающего фронтенд-разработчика в любой крупной IT-компании.
    Курс тесно интегрирован с курсом «Программирование на Java». Делается большой упор на изучение JavaScript и программирование на нём, так как JavaScript - это основной инструмент фронтенд-разработчика.
    Для успешного прохождения курса требуется подготовка:
    • студенты должны на базовом уровне знать JavaScript и иметь хотя бы минимальный опыт программирования на нём;
    • студенты должны быть знакомы с HTML и CSS - необходимо уметь верстать;
    • студенты должны уметь работать с Git.
    VK Team - это миллион возможностей проявить себя. Мы делаем современные и быстрые интернет-сервисы, доступные каждому. На этом канале делимся опытом экосистемы VK, рассказываем о технологиях, наших образовательных проектах и жизни команды.
    😎 Сообщество ВКонтакте: vkteam
    👨‍🎓 VK Education: education.vk.c...
    🏆 Чемпионаты: cups.online/
    👨‍💻 Карьера в VK: team.vk.company/

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

  • @jack11777
    @jack11777 5 лет назад +15

    Спасибо, очень наглядно! Приятно , что человек показывает полностью работу с ошибками , а не вылизанное видео

  • @basmaartikova6810
    @basmaartikova6810 Год назад

    36:26, вот на этом моменте ставлю жирный лайк, 😁👍🏽

  • @kanviner
    @kanviner 7 лет назад +5

    Класс! Доведите до конца пожалуйста

  • @DmitriShpyrna
    @DmitriShpyrna 7 лет назад +6

    Божественный английский!

  • @andreyevanton
    @andreyevanton 5 лет назад +3

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

  • @ИннесаМихайловна
    @ИннесаМихайловна 7 лет назад +10

    Очень хороша подача материала, спасибо!

  • @РоманМосолов-ы1ш
    @РоманМосолов-ы1ш 5 лет назад +2

    Спасибо за знания.

  • @andreykorolev2982
    @andreykorolev2982 5 лет назад +29

    Еще одно видео из разряда "Я делаю вы смотрите, ничего не объясняю".

    • @urick0s
      @urick0s 5 лет назад +1

      Дык нормально, не? Оно и внутри так работает. Всегда надо спрашивать у препода или у товарищей дополнительно.

    • @antonioluck7079
      @antonioluck7079 5 лет назад

      @@urick0s он порой записывается на видео и не рассказывает, просто банально забывает) сам такой)

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

    Очень хорошо

  • @sergei_volodin
    @sergei_volodin 7 лет назад +13

    Топ!!!!

  • @maxm1nd
    @maxm1nd 7 лет назад +11

    А чем устарел Sublime Text? Какие преимущества у того же Code или Atom перед Sublime?

    • @tnsaturday
      @tnsaturday 6 лет назад +2

      Тем, что у него слишком низкие системные требования, что мешает нечистым на рукам торговцам железом сбывать свой товар. Лично я пользуюсь саблаймом с момента буквально его появления (что по чистой случайности совпало со стартом моей карьеры как разработчика) и не имею ни единой претензии. Скажем так: все, что нужно написать программисту, можно написать на саблайме.
      П.С. Джавапетушня - вы сами знаете, куда вам идти.

    • @MsRobf1
      @MsRobf1 6 лет назад +2

      Тем что проприетарный. В 2к18, лол.

    • @sergzergof
      @sergzergof 6 лет назад

      @@ruslanaktaev у меня Sublime любимый редактор и нифига он не устарел. НО! он тупит с подсветкой синтаксиса при работе с react, зато бесплатный Atom нет))

  • @protovar.kz--8334
    @protovar.kz--8334 6 лет назад +3

    Анатолий, учитесь печатать 10 пальцами вслепую. Спасибо за видео!

  • @yuriiyablonskyi6626
    @yuriiyablonskyi6626 5 лет назад +7

    Рассказываешь о frond end не умея работать с CSS
    Все понятно

  • @bekzhan356
    @bekzhan356 6 лет назад +1

    The Witcher! like

  • @doomymax577
    @doomymax577 7 лет назад +9

    Почему не выкладывают дз на Ютуб?

    • @djmishania
      @djmishania 7 лет назад

      Думаю потому что они уже в платном варианте уроков)

    • @myangell93
      @myangell93 6 лет назад +2

      Михаил Лилов, эти курсы бесплатные) Только на них попасть непросто

  • @bups5268
    @bups5268 4 года назад +8

    Очень интересно но нехуя не понел 😂😂😂

  • @dimythtischina6146
    @dimythtischina6146 2 года назад

    блин, как бут то на японском, но принцеп понятен.

  • @svetlanami439
    @svetlanami439 6 лет назад +5

    Такой хорошенький

  • @vladimirbzr1196
    @vladimirbzr1196 6 лет назад +21

    С нулевым знаниям не понятно не чего

  • @simongreyse4171
    @simongreyse4171 6 лет назад +5

    ничего не понятно

  • @dauletsyrymbetov9978
    @dauletsyrymbetov9978 7 лет назад +1

    У меня почему то style.css не видит.

  • @MrRadiostep
    @MrRadiostep 7 лет назад +5

    Ясен пень, интернеты у всех гигабитные, видео в 8К смотрят на панорамных мониторах, но как по мне так буквы мелкие. Допустим, нет желания на весь экран раскрывать, чтобы параллельно открыть порнуху или листать мемосики, так не по глазам вообще читать.

  • @RomanChernykh-e4l
    @RomanChernykh-e4l 6 лет назад

    как вызвать терминал в браузере для копирования shh?

  • @MrWakara
    @MrWakara 5 лет назад +1

    rutor забыл спрятать

  • @Gabriel-gv9ij
    @Gabriel-gv9ij 6 лет назад +2

    На кого рассчитаны данные лекции?

    • @viadzmakzbiearusi2214
      @viadzmakzbiearusi2214 6 лет назад +9

      на тех, кто хочет стать трактористом, проблевавшись от "программирования".

    • @artuzinio3691
      @artuzinio3691 2 года назад

      @@viadzmakzbiearusi2214 пояснительную бригаду можно?

  • @ammotol5377
    @ammotol5377 6 лет назад +1

    об CSS сломал свой мозг ни один программист!

  • @ЛюдмилаРадкевич-в6т

    Подскажите почему у меня терминал ругается на команду PORT=1234 node server.js
    пишет: "PORT" не является внутренней или внешней
    командой, исполняемой программой или пакетным файлом.
    И кода я вводила process.evn.PORT, оно не подсвечиволось, как будто Webstorm не знает такого...
    И на хероку потом ничего не запустилось(((

    • @Noobsaybot121
      @Noobsaybot121 6 лет назад

      не process.evn.PORT, а process.env.PORT

    • @yualypse9
      @yualypse9 6 лет назад

      потому что ты PORT=1234
      пишешь в терминале, а надо в коде

  • @bazlevich
    @bazlevich 5 лет назад

    да уж

  • @nikolay284
    @nikolay284 6 лет назад

    align="center"

    • @vlgmaster
      @vlgmaster 5 лет назад

      по верхнему краю

  • @WebSunSay
    @WebSunSay 7 лет назад +2

    у меня в PHPStorm не получается использовать терминал. Он открывается, но ничего набрать нельзя. В чем проблема? И вообще указывайте что и как открывать, закрывать, какие кнопки нажимать. А то как то непонятно. Не все ж в универах учатся) Досмотрел до практического задания, начал сам повторять и ничего не получается. Желание учиться пропало.

  • @PayneBLADE1
    @PayneBLADE1 7 лет назад +1

    Первый же скрипт выдаёт ошибку использования константы в "строгом" режиме. Использование этого режима убрал из начала модуля, но почему тогда у вас работает, а у меня не вышло его использовать.
    const fs = require('fs');
    ^^^^^
    SyntaxError: Use of const in strict mode.
    at exports.runInThisContext (vm.js:73:16)
    at Module._compile (module.js:443:25)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Function.Module.runMain (module.js:501:10)
    at startup (node.js:129:16)
    at node.js:814:3
    Process finished with exit code 1

    • @anatolyostapenko8191
      @anatolyostapenko8191 7 лет назад

      Скорее всего у тебя установлена очень старая версия Node.js.
      Установи новую версию с сайта nodejs.org/en/

  • @ПавелАндрюшин-д4л
    @ПавелАндрюшин-д4л 6 лет назад +1

    А для чего ты набираешь git add --all каждый раз? Команда git commit -am добавить все отслеживаемые файлы в текущий коммит. Ты похоже не понимаешь git...

    • @daniil.shushpanov
      @daniil.shushpanov 5 лет назад

      вообще использовать git add -all плохая привычка, думаю он просто по привычке использует "git add", а не "git commit -am"

    • @artuzinio3691
      @artuzinio3691 2 года назад

      @@daniil.shushpanov главное что все работает и норм