End of Cycle 1 : HTML & CSS
Week 8 was the last week of the HTML/CSS cycle. It was about forms, and it was a relief after the Bootstrap headache. Not that forms cannot be complicated, but getting the basics of it is quite accessible, I could even add a simple contact form to my resume without sweating too much over it !
So week 8 was the end of the first « cycle » of my programming course with Simplon : HTML & CSS.
So what did I find useful and what did I struggle with this first couple of months ? A short recap:
|1||Understanding the web (Open Classrooms)||Git, Git Hub, the Terminal, Cloud 9: Starting with these that early in the training program was not really useful; it was more theoretical than practical at this stage, and quite complicated to grasp.|
|2||Codecademy on HTML
Understanding how Git and Github work with Le Wagon video
|3||Codecademy on CSS||A tutorial on SMACSS by Grafikart: it wasn’t difficult to understand as such, but that early in my practice of CSS, it wasn’t really useful in reality. Such methods and advices should come later in the process, when you’re already accustomed to doing some CSS and so you can find an immediate benefit in applying such methods.|
|4||Starting with Ruby (via a few lessons on Codecademy and a « simple » exercise): no use for me, doing it one shot like this. I didn’t see the point in doing that… I understand the idea (like a teaser or an advertising), but doesn’t really work for me.|
|5||Learning to develop your website with HTML5 and CSS3 (Open Classrooms).
This course was rather clear overall, despite a high level of detailed explanations that can be overwhelming for a beginner.
|Too many details on certain subjects, like managing earlier versions of Internet Explorer: no need to be so detailed at this stage…|
|6||Boostrap by Open Classrooms : that course was not part of the program but I found it absolutely necessary to understand step by step how Boostrap works !||Bootstrap! I get the theory very well, but putting it in practice without being guided step by step is not something I could do : so I had to find by myself additional resources to help me do so…|
|Designing forms with CSS / Useful resources: http://css.mammouthland.net/formulaire-form-input-css.php
|http://www.grafikart.fr/tutoriels/html-css/contact-form-css3-230: difficult because involving jQuery that I wasn’t familiar with yet|
In summary :
. Giving too many details too early is not really useful :
It requires too much energy from the student without much use as most of these concepts cannot be applied that early in the process.
. Learning styles and teaching styles :
I found I was very comfortable with some courses or tutorials or resources, and not at all with others. Rather than spending too much on the latter, I now try to find very quickly those I find helpful to get me where I want to go.
Codecademy, for example, is a personal favourite, although the in-browser teaching has a lot of limitations vs « real life ». But it is very helpful in getting concepts step by step, and I found it very useful.
. Examples, examples, examples… :
It’s great to have access to hundreds of tutorials on the web, but when you’re following a specific program or course with exercises to be done, it’s nice to get a correct example of what was required from you at the end… and even better,to get a few alternative takes of the same exercise, that can illustrate various approaches to the same problem…
(This article was first published on Momslearningtocode.com, now closed).