All Projects β†’ thanhluanuit β†’ full-stack-web-developer

thanhluanuit / full-stack-web-developer

Licence: other
πŸ”₯ Roadmap to become a Full Stack Web Developer. What? Why? How?

Projects that are alternatives of or similar to full-stack-web-developer

LocalSupport
A directory of local support services and volunteer opportunities
Stars: ✭ 60 (-21.05%)
Mutual labels:  rspec, ruby-on-rails
Pig Ci Rails
Monitor your Ruby Applications metrics (Memory, SQL Requests & Request Time) as part of your test suite.
Stars: ✭ 53 (-30.26%)
Mutual labels:  rspec, ruby-on-rails
souls
SOULs πŸ”₯ Build Serverless Apps faster like Rails. Powered by Ruby GraphQL, RBS/Steep, Active Record, RSpec, RuboCop, and Google Cloud.
Stars: ✭ 327 (+330.26%)
Mutual labels:  rspec, ruby-on-rails
Ifme
Free, open source mental health communication web app to share experiences with loved ones
Stars: ✭ 1,147 (+1409.21%)
Mutual labels:  rspec, ruby-on-rails
Rails new
A thoughtfully designed template for building modern Rails apps. Get started in minutes instead of hours πŸ”₯πŸš€
Stars: ✭ 151 (+98.68%)
Mutual labels:  rspec, ruby-on-rails
Astuto
A free, open source, self-hosted customer feedback tool 🦊
Stars: ✭ 860 (+1031.58%)
Mutual labels:  roadmap, ruby-on-rails
Everydayrails Rspec 2017
Sample source for the 2017 edition of Everyday Rails Testing with RSpec.
Stars: ✭ 280 (+268.42%)
Mutual labels:  rspec, ruby-on-rails
Rails Testing Toolbox
πŸ”§ Tools to help Rails developers test
Stars: ✭ 110 (+44.74%)
Mutual labels:  rspec, ruby-on-rails
Websiteone
A website for Agile Ventures
Stars: ✭ 132 (+73.68%)
Mutual labels:  rspec, ruby-on-rails
Still life
Rails upgrade's best friend
Stars: ✭ 213 (+180.26%)
Mutual labels:  rspec, ruby-on-rails
Awesome Roadmaps
View roadmaps about developer roles to help you learn
Stars: ✭ 1,786 (+2250%)
Mutual labels:  roadmap, web-developer
madosel
Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable.
Stars: ✭ 39 (-48.68%)
Mutual labels:  web-developer
Front End Curriculum
2021 Front-End Curriculum
Stars: ✭ 248 (+226.32%)
Mutual labels:  roadmap
Cs Roadmap
My Computer Science Curriculum
Stars: ✭ 239 (+214.47%)
Mutual labels:  roadmap
Frontend Developer Roadmap
πŸ“˜ Front-end developer roadmap in 2021. This repository aims to collect the most important concepts of front-end.
Stars: ✭ 233 (+206.58%)
Mutual labels:  roadmap
yibu.io
A simple and elegant forum, inspired from Reddit. https://yibuio.herokuapp.com/
Stars: ✭ 16 (-78.95%)
Mutual labels:  ruby-on-rails
Roadmap
No description or website provided.
Stars: ✭ 51 (-32.89%)
Mutual labels:  roadmap
Nlp Roadmap
ROADMAP(Mind Map) and KEYWORD for students those who have interest in learning NLP
Stars: ✭ 2,653 (+3390.79%)
Mutual labels:  roadmap
Gopherlabs
Go - Beginners | Intermediate | Advanced
Stars: ✭ 205 (+169.74%)
Mutual labels:  roadmap
React Roadmap
React ε­¦δΉ θ·―ηΊΏε›Ύ - 2018 η‰ˆ
Stars: ✭ 202 (+165.79%)
Mutual labels:  roadmap

Full Stack Web Developer with Ruby on Rails

Roadmap to become a full-stack web developer with Ruby on Rails

What is the Full-stack web developer?

Full-stack web developer is who works familiar with both front-end and back-end, also servers and database.

Why should you become a Full-stack web developer?

  • You can build entire a web application, without having to rely on someone else.
  • Many companies or clients demands full stack developers, so that they can build better products with less cost.
  • Get high Salary.

How to become a Full-stack web developer?

  • Have a plan: You need to lay out the roadmap of things you'd like to learn.
  • Build stuff: Don’t just read, build simple apps by applying whatever you have learned.
  • Find a community of support as StackOverflow.
  • Summarize and document what you learn, it’s very useful to review in the future.
  • Make a habit to read books, blogs and practice every day.

Roadmap

Roadmap

Front-end

  • HTML
  • CSS
    • Responsive Web Design
    • Boostrap
    • Foundation
  • Javascript
    • jQuery
    • Framework: ReactJS, Angular or Vue.js, EmberJS
  • UI/UX

Back-end

Databases

  • Relational Databases:

  • NoSQL Databases:

    • MongoDB
    • Redis
    • Memcached

Servers

  • Hosts:

    • Amazon AWS
    • Digital Ocean
    • Heroku
    • Engine Yard
  • App Servers and Web Servers

    • Nginx
    • Phusion Passenger
    • Puma
    • Unicorn
  • Deployment, Measurement vs Monitoring

Architecture, Refactoring

  • Rails Principles

    • Convention over Configuration (Coc)
    • Don’t Repeat Yourself (DRY)
    • RESTful
  • SOLID Principles

  • Design Patterns

    • MVC
    • Form Object / Policy Object / Query Object ( Active Records - Model)
    • Decorator / Presenter / Facade (View)
    • Service Object (Controller)
    • Strategy / Composite patterns
  • Fat model, skinny controller

  • KISS - "Keep it simple, stupid"

  • Composition over inheritance

  • Database Query Optimization

Deeper

  • Caching

  • Security

  • Performance turning

  • CDN

  • Search Engines

    • Elastic Search
    • Solr
    • Sphinx

Best Resources


Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].