https://github.com/thanhluanuit/full-stack-web-developer

🔥 Roadmap to become a Full Stack Web Developer. What? Why? How?
https://github.com/thanhluanuit/full-stack-web-developer

fullstack-developer rails roadmap rspec ruby ruby-on-rails web-developer

Last synced: 2 months ago
JSON representation

🔥 Roadmap to become a Full Stack Web Developer. What? Why? How?

• Host: GitHub
• URL: https://github.com/thanhluanuit/full-stack-web-developer
• Owner: thanhluanuit
• Created: 2017-08-01T07:01:34.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-08-21T21:36:09.000Z (over 4 years ago)
• Last Synced: 2024-10-31T09:36:51.593Z (3 months ago)
• Topics: fullstack-developer, rails, roadmap, rspec, ruby, ruby-on-rails, web-developer
• Homepage:
• Size: 170 KB
• Stars: 87
• Watchers: 1
• Forks: 21
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Roadmap: roadmap_full_stack_developer.png

Awesome Lists containing this project

README

        
# 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](/roadmap_full_stack_developer.png)

## Front-end

* HTML

* CSS

  * Responsive Web Design

  * Boostrap

  * Foundation

* Javascript

  * jQuery

  * Framework: ReactJS, Angular or Vue.js, EmberJS

* UI/UX

## Back-end

* Language: Ruby 

  * [Ruby Programming Tutorial](https://github.com/thanhluanuit/ruby-tutorial)

  * [Best Resources to learn Ruby](http://luanotes.com/posts/10-best-resources-to-learn-ruby)

* Framework: Ruby on Rails

  * [Best Resources to learn Ruby on Rails](http://luanotes.com/posts/15-best-resources-for-learning-ruby-on-rails)

* Unit test: Rspec

  * [Essential Resources to learn Rspec](http://luanotes.com/posts/essential-resources-to-learn-rspec)

## Databases

* Relational Databases:

  * [PostgreSQL](http://luanotes.com/posts/how-to-install-back-up-and-restore-postgresql)

  * MySQL

  * MSSQL

* 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](https://robots.thoughtbot.com/back-to-basics-solid)

* 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

- [Clean Code](http://luanotes.com/posts/book-review-clean-code-robert-c-martin-series): A Handbook of Agile Software Craftsmanship

- [Code Complete 2](https://www.amazon.com/Code-Complete-Practical-Handbook-Construction/dp/0735619670): A Practical Handbook of Software Construction

- [Head First Design Patterns](https://www.amazon.com/Head-First-Design-Patterns-Freeman/dp/0596007124): A Brain-Friendly Guide

- [The Pragmatic Programmer](https://www.amazon.com/Pragmatic-Programmer-Journeyman-Master/dp/020161622X): From Journeyman to Master

- [High Performance Web Sites](http://stevesouders.com/hpws/rules.php): Rules for Faster-Loading Web Sites

- [Don't Make Me Think](https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758): A Common Sense Approach to Web Usability

- [Soft Skills](https://www.amazon.com/gp/product/1617292397): The Software Developer's Life Manual