Core skills (Ruby & Rails)

Tools & languages

What you should master

• Slim

• Javascript

• CSS: Tailwind

Resources

• Slim: http://slim-lang.com/​

• Tailwind: https://v1.tailwindcss.com/resources​

Challenges

• Refacto a view partial

Architectural concepts

What you should master

• Namespacing

• Routes

• Decorators

• Presenters

• Interactors

• Form

• Services

• Serializers

• Validators

• Modules & Concerns

• Inheritance & Composition

Resources

• Namespacing 1: https://devblast.com/b/namespace-controllers-rails​

• Namespacing 2: https://bclennox.com/namespaces-in-rails-applications​

• Routes: https://devblast.com/b/rails-5-routes-scope-vs-namespace​

• Decorators: https://www.thegreatcodeadventure.com/rails-refactoring-part-iii-the-decorator-pattern/​

• Presenters: http://nithinbekal.com/posts/rails-presenters/​

• Presenters vs Decorators: https://stackoverflow.com/questions/7860301/ruby-on-rails-patterns-decorator-vs-presenter​

• Interactors 1: https://github.com/collectiveidea/interactor​

• Interactors 2: https://mkdev.me/en/posts/a-couple-of-words-about-interactors-in-rails

• Services 1: https://www.engineyard.com/blog/keeping-your-rails-controllers-dry-with-services​

• Services 2: https://medium.freecodecamp.org/service-objects-explained-simply-for-ruby-on-rails-5-a8cc42a5441f​

• Serializers: https://medium.com/@mattcroak718/the-marriage-of-frontend-and-backend-officiated-by-rails-serializer-9b3b3cc37888​

• Validators: https://hackernoon.com/performing-custom-validations-in-rails-an-example-9a373e807144​

• Modules & Concerns: https://medium.com/aviabird/ruby-composition-over-inheritance-3ff786ad9e5d​

Challenges

• Namespace an existing model

• Create an SP0 landing page with a Presenter and a Service to generate dynamic links

• Inherit the ProfilingForm for a new product form to understand the structure

• Refacto an existing service to use class methods

• Move a reusable service to the /lib folder

Key gems and patches

• Reform

• Companions

Testing framework

What you should master

• Unit tests

• Integration tests

• RSpec

• Capybara

• SitePrism

• FactoryBot

Ressources

Note that these blog articles relate to Rails 4.x, so some concepts are slightly outdated.

• Belighted 1/3: https://www.belighted.com/blog/how-we-test-our-rails-projects-1-3​

• Belighted 2/3: https://www.belighted.com/blog/how-we-test-our-rails-projects-2-3​

• Belighted 3/3: https://www.belighted.com/blog/how-we-test-our-rails-projects-3-3​

Challenges

• Add a testing scenario for an SP2 product

• Add a unit test for a form

• Add a unit test for an API

Scripting & configuration

• Rake tasks

• Capistrano tasks

• Capistrano deployment

• Environment files (application.rb, development.rb...)

• Initializers

Key integrations

• Typeform (Codex)

• Typeform (inline URL parameters)

• Yousign (Griffon)

• ChargeBee

• S3

• Built.io

• TangleJinx

Various

• Metaprogramming (send, eval, define_method...)

• On-page Vue app integration

JS & Vue.js

Core principles

• Vue declarative rendering

• Vue reactivity

• Vue components

• Vue computed vs watchers

• Vue Mounted

• Vue Methods

• Vue events

• Vue props

• Vue lifecycle

• Vuex

• Vue router

• Vue CLI

Resources

• Vue official documentation: https://vuejs.org/v2/guide/​

• Vue lifecycle: https://vuejs.org/images/lifecycle.png​

• Vuex: https://vuex.vuejs.org/​

• Vue router: https://router.vuejs.org/​

• VueCLI: https://cli.vuejs.org/guide/cli-service.html#cli-service​

• Vuex medium article: https://medium.com/vue-mastery/vuex-explained-visually-f17c8c76d6c4​

• Vue routing: https://www.youtube.com/watch?v=YFnimUl8Qjo&inf_contact_key=c719069c027c7674302663a440405d26680f8914173f9191b1c0223e68310bb1​

• Vue style guide: https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential​

extra tutorials:

• Vue udemy course: https://www.udemy.com/course/vuejs-2-the-complete-guide​

  • lectures Vuex (section 17)

• JS 30 days challenge: https://javascript30.com/​

Full-fledge apps

Lambda microservices

Infrastructure

Production

🚀Deploying to production is a non-event. We are a DevOps team working hard on continuous integration and deployment.

Integrations