{"id":34094,"date":"2023-02-26T09:05:55","date_gmt":"2023-02-26T03:35:55","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/"},"modified":"2023-02-26T09:05:55","modified_gmt":"2023-02-26T03:35:55","slug":"solved-translating-html-js-css-to-ruby-on-rails-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/","title":{"rendered":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

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:<\/p>\n

    \n
  1. 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.<\/li>\n
  2. 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\/<\/a>, here: http:\/\/guides.rubyonrails.org\/getting_started.html<\/a> and here: http:\/\/www.tutorialspoint.com\/ruby-on-rails\/<\/a><\/li>\n
  3. 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.<\/li>\n
  4. 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<\/a><\/li>\n
  5. 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<\/a><\/li>\n
  6. 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\/<\/a> and http:\/\/betterspecs.org\/<\/a>.<\/li>\n<\/ol>\n

    And that’s it, you are good to go! \ud83d\ude42<\/p>\n<\/p><\/div>\n

    <\/div>\n<\/div>\n

    <\/span> <\/p><\/div>\n<\/div>\n

    [ad_2]<\/p>\n

    solved Translating HTML\/JS\/CSS to Ruby on Rails [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"

    [ad_1] 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 … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346,333,455,615],"class_list":["post-34094","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html","tag-javascript","tag-ruby","tag-ruby-on-rails"],"yoast_head":"\n[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] 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 ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-26T03:35:55+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed]\",\"datePublished\":\"2023-02-26T03:35:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\"},\"wordCount\":365,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\",\"javascript\",\"ruby\",\"ruby-on-rails\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\",\"name\":\"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-02-26T03:35:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb","og_description":"[ad_1] 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 ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/","og_site_name":"JassWeb","article_published_time":"2023-02-26T03:35:55+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed]","datePublished":"2023-02-26T03:35:55+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/"},"wordCount":365,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html","javascript","ruby","ruby-on-rails"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/","name":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-02-26T03:35:55+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-translating-html-js-css-to-ruby-on-rails-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Translating HTML\/JS\/CSS to Ruby on Rails [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=34094"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34094\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=34094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=34094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=34094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}