Пишем соцсеть на Ruby on Rails 6 #1: настройка окружения, главная страница и немного фронтенда

Поділитися
Вставка
  • Опубліковано 20 тра 2024
  • Это первое видео из цикла "Пишем соцсеть на Ruby on Rails 6". В этом уроке мы настроим окружение для разработки на ruby, подружим вебпак, rails и bootstrap, создадим главную страницу и скелет приложения.
    Таймкоды:
    00:00 Определение требований к соцсеточке
    02:23 Установка WSL для Windows
    03:23 Установка RVM и Ruby
    05:32 Установка Ruby On Rails
    06:23 Настройка Visual Studio Code
    06:55 Создание репозитория на GitHub
    09:01 Начало разработки приложения, создание первого контроллера
    10:29 Немного теории фронтенда в Ruby On Rails и webpack
    11:52 Настраиваем webpack
    13:50 Создаем навигационную панель
    18:16 Делаем странички со списком постов и страницу просмотра поста
    Материалы из видео:
    Исходники: github.com/overeng/rubysocial...
    Установка WSL: docs.microsoft.com/ru-ru/wind...
    RVM: rvm.io, rvm.io/rvm/basics
    Ruby: ruby-lang.org/ru/downloads
    Ruby On Rails начало работы: guides.rubyonrails.org/gettin...
    Webpack: webpack.js.org/
    Bootstrap: getbootstrap.com
    Шаблон главной страницы: github.com/BlackrockDigital/s...
    Шаблон поста: github.com/BlackrockDigital/s...

КОМЕНТАРІ • 58

  • @romandg884
    @romandg884 4 роки тому +2

    спасибо, за уроки! ) ждем продолжения!

  • @yaroslavbozhak9107
    @yaroslavbozhak9107 3 роки тому +6

    Спасибо за видео. Руби на данный момент очень даже актуален, а хороших материалов не так уж много.
    Было бы хорошо послушать вашу рекомендации (Roadmap) по изучению Ruby and Ruby on Rails.

  • @user-eb6qj4es7l
    @user-eb6qj4es7l 3 роки тому +2

    Спасибо! Отличное видео и даже классно, что все делаете налето с показом ошибок!!!

  • @Hannah-ly6ff
    @Hannah-ly6ff 2 роки тому +1

    суперское видео, спасибо! без лишних слов и по делу

  • @nitkin2z
    @nitkin2z 3 роки тому +2

    ВЫ ЗАМЕЧАТЕЛЬНАЯ ДЕВУШКА !!!! ВЫ БОЛЬШЕ СНИМАЙТЕ ПРО Ruby on Rails

  • @eugeniymern959
    @eugeniymern959 3 роки тому

    Спасибо за замечательную серию видеоуроков!

  • @vesh95
    @vesh95 3 роки тому +2

    Rails 6. Проект "блог".
    1. *Первые часы* Как он хорош! Генераторами почти всё можно сделать!
    2. *Эксперименты с вебпакером и бутстрапом* Фух, вроде бутстрап заработал.
    3. *8ми часовое проектирование архитектуры и базовой структуры вспомогательных классов* Сколько там на часах? Надеюсь спроектированно хорошо и в сервисном слое не понадобится вывод ошибок.
    4. *Тесты* О, надо бы попробовать заглушки попробовать в тестах *12 часов экспериментов*
    5. *Докеризация, под конец подставляешь чашечки для вытекших глаз* Эта падла опять в тестовой базу не видит?... Странно, в проде ассеты уже собраны... О, а тут можно меньше собирать, надеюсь быстро получится переделать... Хм, а прод можно и без кода доставлять...
    6. Вот и добрались до бло... Ужас! на странице картинки выглядят не так как в trix!
    7. О, эта фишка внедряется за пару минут...
    8. Тут можно стили поправить, чтобы подходило (новый дизайн и верстка, готовы через 16 часов)
    9. *Проверка оставшихся задач в atlassian* Рассылки/уведомления, ограничение прав доступа, "куча всяких интеграций API", "куча не типичных разделов в админке", блокировка пользователей.
    10. Бляха...
    Вот все шаги, которые проходит каждый Rails разработчик, когда делает "что-то посерьёзнее"

  • @olgalomakina9102
    @olgalomakina9102 3 роки тому +2

    Благодарю! Всё доходчиво и понятно, первый шаг прошла до конца и всё получилось!

    • @OverEngineer
      @OverEngineer  3 роки тому +1

      спасибо за фидбек!

  • @user-it2zr1qc9k
    @user-it2zr1qc9k 3 роки тому

    Очень интересные видео!!!

  • @latteholic-4736
    @latteholic-4736 3 роки тому

    Ура, про Руби на русском! Спасибо за урок, подписалась)

  • @alexzandr3833
    @alexzandr3833 2 роки тому

    Спасибо большое

  • @easymoneydamnsniper
    @easymoneydamnsniper 4 роки тому +1

    cant wait 4 next ep!!!

    • @GraxS
      @GraxS 3 роки тому +1

      Groove street 4ever

  • @user-of2fo3ld7x
    @user-of2fo3ld7x 3 роки тому +2

    Полезный и интересный контент, спасибо! Скажи пожалуйста, сейчас имеет ли смысл тратить время на RoR? Я имею ввиду насколько актуально и востребовано?

  • @MegaIntelekt
    @MegaIntelekt 4 роки тому +1

    Подписался на канал=) Пожалуйста продолжай =)

  • @wimanen
    @wimanen 4 роки тому +3

    Отличный ролик, очень рад рельсам на ру, многим будет сильно проще войти в разработку:)
    На сколько трудозатратно писать сценарии для обучающих видео? :)
    Руби - лучший друг программиста, помните 😎🤘
    Верю, что ближе к концу цикла обернутся в контейнеры и приложение и бд + красивый деплой 🤔

    • @OverEngineer
      @OverEngineer  4 роки тому +2

      спасибо :) сценарии писать долго, еще дольше снимать и монтировать :)
      и да, в конце будет деплой (контейнеры не обещаю)))

  • @MisaNia25
    @MisaNia25 3 роки тому +3

    Как научиться программировать на любом Языке? Очень хочу понять это и внедрять в свою жизнь

  • @user-rf3zi7pt8r
    @user-rf3zi7pt8r 8 місяців тому

    Спасибонтий

  • @slava8873
    @slava8873 3 роки тому

    Интересный сериал получился) Не хуже Игры престолов, жалко серий мало ;( ...А вообще, уж больно похоже на ларавел и фласк, на первое больше ... вернулся с последней серии, чтобы написать это, ВОООООТ , коллективу авторов респ); PS. когда второй сезон (c jav-ой в гл роли)?

  • @ixtirochiavlodlar
    @ixtirochiavlodlar 3 роки тому

    Сделайте пожалуйста уроки на Sinatra или Padrino или Hanami. 😊

  • @qrthack3233
    @qrthack3233 3 роки тому +2

    можно название монитора узнать? и какой посоветуете для кода ?

  • @user-xw1uy9jo1p
    @user-xw1uy9jo1p 3 роки тому +1

    Очень интересно программирование. Если бы им ещё и зарабатывать я был бы рад.

  • @MaksymNenashev
    @MaksymNenashev Рік тому

    Я уже тоже так умею!!

  • @megaman13able
    @megaman13able 4 роки тому +5

    Ура, мой любимый Руби :) А много ли руби вакансий в Германии?

    • @OverEngineer
      @OverEngineer  4 роки тому +6

      megaman13able статистики у меня нет, но на любом языке вакансий в Германи меньше, чем на Java :)

    • @calmsam2217
      @calmsam2217 3 роки тому

      @@OverEngineer Да так не только в Германии)), ну я думаю вы это лучше меня знаете :D

  • @postal134
    @postal134 3 роки тому

    давайте разберемся почему у некоторых не получается подключить бустреп? есть хоть кто-нибудь, кто смог это сделать через пайплайн вебпакера?

  • @mindkindtv8038
    @mindkindtv8038 3 роки тому +1

    Девка нормально мочит.... Хорошо объясняет

    • @hecsonic
      @hecsonic 3 роки тому

      Эту девушку, девкой язык не поворачивается назвать:)

  • @smaginroman1471
    @smaginroman1471 4 місяці тому

    Куда она копирует строки из RVM??

  • @user-yb8pe7si6k
    @user-yb8pe7si6k 3 роки тому

    A зачем линюкс под вин7 нельзя работать? И зачем rvm

  • @user-ub2zc1gy4n
    @user-ub2zc1gy4n 2 роки тому

    Ни хрена не понятно , но интересно !

  • @nullBar
    @nullBar 2 роки тому

    у меня Bootstrap не подключается таким способом!

  • @lexsxebelphegore5677
    @lexsxebelphegore5677 4 роки тому +1

    Ради такого перспективного проекта даже Ruby начну изучать. Как понимаю, на фронте SPA с роутингом скорее всего не будет, а жаль.

    • @OverEngineer
      @OverEngineer  4 роки тому +4

      SPA пока не будет, так как я не фронтендер, но может быть в будущем, когда на работе наберу опыта фулстека побольше :)

    • @Edvard-Aliev
      @Edvard-Aliev 4 роки тому +1

      Ради хобби можно, мало вакансий на рубистов, сам пишу на руби, но сейчас ушел на react + redux.

    • @nidieunimaitre3638
      @nidieunimaitre3638 2 роки тому

      @@Edvard-Aliev вам просто квалификации на руби не хватает, если «вакансий мало»

    • @Edvard-Aliev
      @Edvard-Aliev 2 роки тому

      @@nidieunimaitre3638 Сейчас, спустя год нет проблем вообще с вакансиями. Только и успеваю отбиваться от HR

    • @nidieunimaitre3638
      @nidieunimaitre3638 2 роки тому

      @@Edvard-Aliev да, сейчас повеселее стало рубистам) рад за вас

  • @user-mh4cv1jy2s
    @user-mh4cv1jy2s 2 роки тому

    руби как первый язык норм?

  • @user-vr3qe6hh1u
    @user-vr3qe6hh1u 3 роки тому +1

    Не получилось настроить boorstrapp по видео. Скопировал из исходников и тоже самое. Почему то ругается на @import "~bootstrap/scss/bootstrap";

    • @OverEngineer
      @OverEngineer  3 роки тому

      а что за ошибка?

    • @OverEngineer
      @OverEngineer  3 роки тому

      нужно не забыть в терминале yarn add bootstrap jquery popper.js выполнить

    • @user-pv1rm5st3f
      @user-pv1rm5st3f 3 роки тому

      на 15:38 в app/javascript/packs/application.js (когда добавляли import '../stylesheets/application' ) появилась внизу строка: document.addEventListener("turbolinks:load", $('[data-toggle="tooltip"]').tooltip())
      про нее выше не говорилось зачем и почему ее писать, может при монтаже видео этот кусок выпал? И может там было еще нечто важное для настройки стилей? какая то автоматическая генерация, например, при которой еще что то где то создавалось... я то эту строку дописала, но стилям это не помогло... В любом случае Ваши уроки лучшие из всех, что мне доводилось смотреть (в рейтинге руби-спикеров точно))) Спасибо!

  • @user-mx2wq4zv4m
    @user-mx2wq4zv4m 3 роки тому

    Разбирался, почему серый блок 750х300 не отображается, оказалось, AdGuard заблочил.

  • @vendeinrazor3175
    @vendeinrazor3175 2 роки тому +1

    Ради этого стоило накраситься 🤣

  • @romankuzhel8027
    @romankuzhel8027 3 роки тому +4

    Ruby ЖИВ! ХЕЙТЕРЫ!

  • @WhiteBriar
    @WhiteBriar 2 роки тому

    Почему бык-Енд?
    БЭкЭнд!!

  • @vorobiovv
    @vorobiovv 2 роки тому

    Всё хорошо, только у меня кровь из ушей прошла ))

  • @user-oc7py1vy6s
    @user-oc7py1vy6s 4 роки тому

    Без мэйк апа лучше... В этом и предыдущем видео выглядишь хуже чем в более ранних видео.

    • @Andre-mp4ii
      @Andre-mp4ii 3 роки тому

      @Иван Иванов ПХАХАХАХХАХАА