[Solved] Translating HTML/JS/CSS to Ruby on Rails [closed]

Question

Okay, so there’s nothing bad at being a beginner level of a developer on anything. The fact that you want to learn and get better at it is more important. So, you’d want to the following things:

First of all, you need to set your environment. This would depend on your machine configurations. Once you have your environment ready, you can proceed further.
Get to know Rails better. Get adept at using Ruby on Rails.This is going to be your primary back-end stuff. You can start reading about it here: http://rubyonrails.org/, here: http://guides.rubyonrails.org/getting_started.html and here: http://www.tutorialspoint.com/ruby-on-rails/
Figure what database you’d like to pair it up with. Practice a little with the db queries and see you’re able to filter whatever data you want to. Most often, MySql, SQLite and PostgreSql work best with RoR. But then again, One of the tenets of Rails is you shouldn’t really care what database you’re using: that’s all abstracted for you.
Integrate RoR with your front-end (Javascript). This is usually pretty straight-forward. You can use rails on your front-end too (for eg., you can use rails forms instead of pure html forms). You can read more about it here: http://edgeguides.rubyonrails.org/working_with_javascript_in_rails.html
Add CSS styles to your html.erb files. This works like any other .html files. You may or may not use SASS. Ruby on Rails works fine even with pure CSS. You can also have CSS libraries like Bootstrap. (Isn’t that cool! :P). You can learn more about integrating Saas with RoR here: https://www.youtube.com/watch?v=dKe2sP-NAxQ
Another important note to keep in mind would be to write RSpec tests at each step to confirm that your code is working fine and is not effecting any other section of code. You can read more about it here: http://rspec.info/ and http://betterspecs.org/.

And that’s it, you are good to go! 🙂

Accepted Answer

Okay, so there’s nothing bad at being a beginner level of a developer on anything. The fact that you want to learn and get better at it is more important. So, you’d want to the following things:

First of all, you need to set your environment. This would depend on your machine configurations. Once you have your environment ready, you can proceed further.
Get to know Rails better. Get adept at using Ruby on Rails.This is going to be your primary back-end stuff. You can start reading about it here: http://rubyonrails.org/, here: http://guides.rubyonrails.org/getting_started.html and here: http://www.tutorialspoint.com/ruby-on-rails/
Figure what database you’d like to pair it up with. Practice a little with the db queries and see you’re able to filter whatever data you want to. Most often, MySql, SQLite and PostgreSql work best with RoR. But then again, One of the tenets of Rails is you shouldn’t really care what database you’re using: that’s all abstracted for you.
Integrate RoR with your front-end (Javascript). This is usually pretty straight-forward. You can use rails on your front-end too (for eg., you can use rails forms instead of pure html forms). You can read more about it here: http://edgeguides.rubyonrails.org/working_with_javascript_in_rails.html
Add CSS styles to your html.erb files. This works like any other .html files. You may or may not use SASS. Ruby on Rails works fine even with pure CSS. You can also have CSS libraries like Bootstrap. (Isn’t that cool! :P). You can learn more about integrating Saas with RoR here: https://www.youtube.com/watch?v=dKe2sP-NAxQ
Another important note to keep in mind would be to write RSpec tests at each step to confirm that your code is working fine and is not effecting any other section of code. You can read more about it here: http://rspec.info/ and http://betterspecs.org/.

And that’s it, you are good to go! 🙂