|
5 | 5 | How to refactor JavaScript into clean code
|
6 | 6 | </li>
|
7 | 7 | <li>
|
8 |
| - The 10 conventions that speed up reading and writing JavaScript for Rails |
| 8 | + The parts of JavaScript that are most useful for Rails developers |
9 | 9 | </li>
|
10 | 10 | <li>
|
11 |
| - How to organise JavaScript files (and why Webpacker is good fun) |
| 11 | + How to organise JavaScript files (and what Webpacker has to do with it) |
12 | 12 | </li>
|
13 | 13 | <li>
|
14 |
| - How your Ruby knowledge helps you to mastering ES6 |
| 14 | + How to leverage your Ruby knowledge to mastering ES6 |
15 | 15 | </li>
|
16 | 16 | <li>
|
17 | 17 | How to use JavaScript specific tools and apply them to Rails
|
|
37 | 37 | </ul>
|
38 | 38 | <% end %>
|
39 | 39 | <% content_for :amsrb do %>
|
40 |
| - Due to the Corona lockdown, we cancelled our plans for a workshop for the Amsterdam Ruby community. |
| 40 | + The Corona lockdown counteracted the spring workshop for the Amsterdam Ruby community. |
41 | 41 | Instead, we turned the workshop into a full featured online course. And to be honest: we think
|
42 | 42 | it's even better than the workshop :-) Collateral gains.
|
43 | 43 |
|
|
52 | 52 | <div class="card-text">
|
53 | 53 | <ul>
|
54 | 54 | <li>
|
55 |
| - You seek to be more confident about working with JavaScript code in your Rails app |
| 55 | + You seek to be more confident working with JavaScript code in your Rails app |
56 | 56 | </li>
|
57 | 57 | <li>
|
58 |
| - You are more comfortable in Rails than in JavaScript |
| 58 | + You are (far) more comfortable in Ruby and Rails than in JavaScript |
59 | 59 | </li>
|
60 | 60 | <li>
|
| 61 | + Learning a whole frontend framework is overkill and/or you're not a fan of Stimulus. |
| 62 | + </li> |
| 63 | + <li> |
| 64 | + You want to understand what Webpacker is all about, and how (not) to use it. |
61 | 65 | </li>
|
62 | 66 | </ul>
|
63 | 67 | </div>
|
64 | 68 | <% end %>
|
65 | 69 |
|
66 | 70 | <% content_for :notforyou do %>
|
67 |
| - This course is not for you if: |
| 71 | + <div class="card-title">This course is not for you if:</div> |
| 72 | + <div class="card-text"> |
68 | 73 | <ul>
|
69 | 74 | <li>
|
70 |
| - You know exactly what you're doing and why with regard to JavaScript in your Rails app |
| 75 | + You know exactly <em>what</em> you're doing and <em>why</em>, with regard to JavaScript in your Rails app |
71 | 76 | </li>
|
72 | 77 | <li>
|
73 |
| - You are looking for the next course: how to refactor JavaScript files into independent components (we are working on a follow up course, see ->) |
| 78 | + You are looking for the part DJ showed in his talk: how to refactor JavaScript into independent components. This will be addressed in Part 3, coming soon</li> |
| 79 | + </li> |
| 80 | + <li> |
| 81 | + You are (almost) as proficient in JavaScript as in Ruby |
| 82 | + </li> |
| 83 | + <li> |
| 84 | + You are looking for a starter course in Rails or JavaScript. |
74 | 85 | </li>
|
75 |
| - <li> </li> |
76 | 86 | </ul>
|
| 87 | + </div> |
77 | 88 | <% end %>
|
78 | 89 |
|
79 | 90 | <% content_for :courseparts do %>
|
80 |
| - This is part 1 of 3. |
81 |
| - Part 1: JavaScript for interactive UI. |
82 |
| - Part 2: Exchanging data between Rails and JavaScript |
83 |
| - Part 3: Components |
| 91 | + The current course is the first in a series of 3. |
| 92 | + It lays the foundation for the following courses, by introducing the conventions maintainable, re-usable and testable JavaScript for Rails. |
| 93 | + The next courses build upon the conventions. |
| 94 | + |
| 95 | + <ul> |
| 96 | + <li>Course 1: Clean JavaScript Code by following conventions.</li> |
| 97 | + <li>Course 2: Exchanging data between Rails and JavaScript</li> |
| 98 | + <li>Course 3: Components</li> |
| 99 | + </ul> |
84 | 100 | <% end %>
|
85 | 101 |
|
86 | 102 | <section class="triangle">
|
|
104 | 120 | And find that working with JavaScript in Rails apps can be fun after all.
|
105 | 121 | </div>
|
106 | 122 |
|
107 |
| - <h2 id="course-content">About the Course</h2> |
| 123 | + <h2 id="course-content" >About the Course</h2> |
108 | 124 | <div class="cards">
|
109 | 125 | <div class="card">
|
110 | 126 |
|
|
133 | 149 | <h2 id="amsrb">But what about the Ams.rb workshop?</h2>
|
134 | 150 | <div class="cards">
|
135 | 151 | <div class="card">
|
136 |
| - <div class="card-title course-around">Ams ruby workshop</div> |
| 152 | +<!-- <div class="card-title course-around">Ams ruby workshop</div>--> |
137 | 153 | <div class="card-text">
|
138 | 154 | <%= yield :amsrb %>
|
139 | 155 | </div>
|
|
154 | 170 | </div>
|
155 | 171 |
|
156 | 172 |
|
157 |
| - <h2 id="foryou">This is for you...</h2> |
| 173 | + <h2 id="foryou" class="course-appetite">This is for you...</h2> |
158 | 174 | <div class="cards">
|
159 | 175 | <div class="card">
|
160 | 176 | <div>
|
|
167 | 183 | </div>
|
168 | 184 | </div>
|
169 | 185 | </div>
|
| 186 | + <div class="cards"> |
170 | 187 | <div class="card">
|
171 |
| - <div> |
| 188 | + <div class="card-text"> |
172 | 189 | <%= yield :courseparts %>
|
173 | 190 | </div>
|
174 | 191 | </div>
|
175 | 192 | </div> <!--end cards grid-->
|
176 | 193 | </section>
|
177 | 194 |
|
178 |
| -<section> |
| 195 | +<section class="text-container"> |
179 | 196 | <div id="aboutus">
|
180 | 197 | <div class="intro">
|
181 |
| - Maud about DJ: "I always wondered why DJ loved JavaScript so much. I know he loved Ruby, and <span class="accented">I didn't understand how one can love Ruby and JavaScript at the same time</span>. |
| 198 | + Maud about DJ: "I always wondered why DJ loved JavaScript so much. I know he loved Ruby, and I didn't understand how one can love Ruby and JavaScript at the same time. |
182 | 199 | When I showed him a piece of my JavaScript in Rails code, and we started refactoring together, I finally started to see
|
183 | 200 | what JavaScript <em>could</em> be - but almost never is. I admire his ability to play with the differences between the languages. And it's good fun to work with him."
|
184 | 201 | </div>
|
|
0 commit comments