Frontend-разработчик. 15 необходимых навыков

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • Полезные ссылки:
    Школа онлайн обучения IT-профессиям:
    loftschool.com
    Освой профессию веб-разработчика:
    loftschool.com/...
    1. Заготовка проекта на BEM:
    github.com/bem...
    2. Сайт о BEM:
    ru.bem.info
    3. ВEM на практике:
    • BEM на практике (Яндек...
    4. Создание адаптивных сайтов:
    • Создание адаптивных са...
    5. Вебинар «адаптив за час для дизайнера»: • Адаптив за час для диз...
    6. Видеокурс «Верстка сайта на Grid CSS»: • Верстка сайта на Grid CSS
    7. Статья « Препроцессор Sass. Полное руководство и зачем он нужен»: / %d0%bf%d1%80%d0%b5%d0%... )
    8. Must Have сервисы по JavaScript: • Must Have сервисы по J...
    9. Мастер-класс «Single Page Application на чистом JS»:
    • Мастер-класс Single Pa...
    10. JS модули и гайд по Laravel:
    • JS модули и гайд по La...
    11. Видеокурс «Введение в стек MEAN»:
    • Введение в cтек MEAN. ...
    12. Видеокурс «Основы React.js»: • React.js - основы
    13. Советы от профи по React.js: • React.js - Советы от п...
    14. Мастер-класс «Создаем приложение на React.js»:
    • Мастер-класс "Создаем...
    15. Мастер-класс «Написание игры 2048 на React.js»:
    • Мастер-класс "Написан...
    16. Вводный видеокурс по MVC:
    • MVC - #1 - Введение в MVC
    17. Видеокурс « Веб-приложение на asp.net mvc core: • Веб-приложение на asp....
    18. Вебинар «Основы ООП»:
    • Основы ООП
    19. Вводный курс «Git для новичков»:
    • Git - для новичков - #...
    20. Учим Git:
    learngitbranch...
    21. Шпаргалка по Git:
    github.com/nic...
    22. Видеокурс по Gulp.js:
    • Gulp.js #1 - работаем ...
    23. Видеоурок по Grunt.js: • Grunt.js - Автоматизац...
    24. Bower подробное руководство часть 1:
    • Bower - подробное руко...
    25. Bower подробное руководство часть 2:
    • Bower - подробное руко...
    Все выпуски DevShow:
    goo.gl/b6vBPp
    DevShow в формате подкастов на SoundCloud:
    / loftblog
    DevShow в формате подкастов в iTunes:
    itunes.apple.c...
    Школа онлайн-образования: loftschool.com/
    Telegram Loftblog: t-do.ru/loftblog
    Telegram IT-обучение: t-do.ru/it_loft
    Slack: slack.loftblog.ru/
    Сайт: loftblog.ru/
    Instagram: / loftblog
    Группа вконтакте: loftblog
    Facebook: / loftblog
    Twitter: / loft_blog
    Больше уроков от lofblog: #loftblog
    Все уроки по хештегу: #loftblogDevShow
    Полезные уроки для веб-программиста: #вебпрограммист #DevShow
    Поставь лайк - смотивируй автора писать еще :)

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

  • @loftblog
    @loftblog  5 лет назад +12

    0:00 - Вступление
    0:26 - Что будет в этом выпуске?
    0:45 - CSS. BEM
    1:25 - Pixel Perfect
    2:16 - Адаптивная верстка
    2:36 Препроцессоры
    2:54 - Блок Javascript
    2:55 - Умение писать на чистом Javascript без jquery и прочих библиотек
    3:35 - JavaScript модули и их сборщики: webpack и пр.
    4:08 - SPA приложения
    5:00 - Rest API
    5:12 - Шаблонизаторы
    5:27 - Знание фреймворков React, VUE
    6:01 - Блок по методам программирования
    6:06 - Паттерны: mvc, mvvm
    6:22 - ООП, функциональное программирование
    6:33 - Блок по Workflow
    6:37 - Npm, Yarn
    7:14 - Git, Github (gitlab и пр.)
    7:32 - Системы автоматизации gulp, grunt

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

      А вам не кажется что ваш новый loftschool "немного" медленный и стоит поработать над оптимизацией ?

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

      @микрон RUST

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

      И на сколько денег может рассчитывать кандидат кот. знает то что было перечисленно? Min and Max?

  • @user-nn7kr4ld2n
    @user-nn7kr4ld2n 5 лет назад +19

    Полезный и насыщенный выпуск👍 может ещё видео "что должен знать junior,midl и тд"

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

      Кстати хороший запрос, поддерживаю!

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

      Принято

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

      сейчас пытаюсь устроится джуном. просят все что в видео + желательно парсить на PHP и писать сортировки с 0 на нативе

    • @user-fd2gu6ms4l
      @user-fd2gu6ms4l 5 лет назад

      @@jigaii Да. Но это только от джунов требуют. Старые матёрые разрабы тихо улыбаются в бороду. Они то как правило знают или бэк или фронт и если фронт то, или вёрстку или js. На всякое постороннее фуфло не распыляются.

  • @dfgdfg5386
    @dfgdfg5386 5 лет назад +2

    Ребята вы просто молодцы!!!Спасибо за инфу, мотивацию, и ваш труд!!!

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

    Поздравляю с 💯 выпуском! 🎆🎇✨🎉🎊

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

    Спасибо за полезное видео! Ценная информация!

  • @user-ze7cb2kb1c
    @user-ze7cb2kb1c 5 лет назад +5

    Сделайте пожалуйста вино на тему, «всего что необходимо Software Engineering». Ждём ))

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

    Спасибо. Очень полезная информация!

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

    Благодарю за видео

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

    Спасибо большое за полезный ролик! Приятно слушать качественную и подготовленную информацию. Меня зовут Дима, 24 года. Я из Варшавы, Польша. Интересуюсь такой темой как Front-end. Поставил лайк. Досмотрел до конца. Написал коммент. Короче немного повысил рейтинг видео, ха-ха : ) Желаю успехов и радости в жизни. Еще раз спасибо за видео! Благодарю.
    Мой инстаграм instagram.com/dmitry_beresten

  • @Nickkkkkjhg
    @Nickkkkkjhg 5 лет назад +2

    Вам спасибо

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

      Никита Шаламов от души! 2 года еженедельно оттарабанили до 100го выпуска 😱

  • @user-se3nx4gh9i
    @user-se3nx4gh9i 5 лет назад +5

    Вам заплатили что б вы про Angular не говорили?)

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

    О, смотрел информацию про программирование, а наткнулся на Ника

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

    Вставка из кино про перфект пиксель - огонь, три раза песмотрел, и перевод как надо из 90-х!!! )))))) Как кино называется? ))

  • @lex_nel3097
    @lex_nel3097 5 лет назад +2

    Неужели все еще используется Photoshop для рисования макетов. У нас в студии, сначала использовали, Sketch + Zeplin, а сейчас, Figma.

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

      а avocode не пробовали в студии ?

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

      @@evgeniyprowork Пробовали, но оно денег стоит. Есть бесплатная альтернатива, Adobe Createve Cloud. Туда можно загружать PSD и смотреть их в режиме Extract.

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

      ​@@lex_nel3097 я пока что заморачиваюсь и каждые 2 недели меняю ящик(сервис такой есть), благо делаю это всего в 2 клика + регистрация на сайте, про Фигму слышал но не пробовал, почитал немного только что про нее, видимо надо попробовать, мне то по сути надо чтобы как и в авокоде все было, еще мне нравится что я могу вместо px поставить rem, поскольку именно rem использую в верстке

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

      @@evgeniyprowork Figma - это векторный редактор. Там есть режим просмотра, который показывает размеры, цвета и прочее. И макеты нарисованные в Figma можно просматривать в Avocode.

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

    Еще Typescript, Wordpress, UI/UX ...

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

    Топчик

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

    Оптимизируйте сайт чуток, а то на 16 гб ОЗУ и SSD неприятно подлагивает вначале загрузки сттраницы, приходится ждать.

  • @lex_nel3097
    @lex_nel3097 5 лет назад +2

    А Bower, разве, не менеджер пакетов? Не?

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

      как бы это js библиотека

  • @user-jk8tw1xq5m
    @user-jk8tw1xq5m 5 лет назад +1

    что за фильм на 1:40?

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

      Сериал "Черные паруса"

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

      @@TheCRV8 а серия какая

  • @user-wz9qr6ki9v
    @user-wz9qr6ki9v 4 года назад

    короче понятно ,что html и css самое лёгкое и быстрое в обучении.Что бы разбираться в остальном из списка придётся учится по 12 часов в день 5 лет.и через 5 лет вполне реально на фрилансе начать зарабатывать.

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

      Почему ((((

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

      Ага, только ты не учёл, что таких, как ты, тысячи. Даже больше. И на фрилансе уже чуть ли не за миску риса дерутся. Фриланс стал дном.

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

    У меня слабая математика((

  • @Ihor.Kuptsiv
    @Ihor.Kuptsiv 5 лет назад +5

    смотрю на 1.5

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

    aaaaa Angular ?

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

    Ангуляр не любят, айяйяй!

  • @NVsquare
    @NVsquare 5 лет назад +4

    Опять ролик ни о чем. Только ради рекламы

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

      Да нет, тут перечислили все обязательные скилы до фронта.

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

      @@AlpinWeb такой ролик на этом канале уже 10 раз появляется. Неговоря уже о других каналах

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

      @@NVsquare для меня это полезная инфа, позволило не много уложить в голове общий фон скилов

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

      @@AlpinWeb вам только кажется

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

      @@AlpinWeb Как успехи в данной сфере?