- Intro to HTML – White belt (cinta blanca), <\/li>
- Javascript, Node and React – Red Belt (cinta roja)<\/li>
- Backend with Node – Black belt – (Cinta Negtra)<\/li><\/ul><\/li><\/ul>\n\n\n\n
I selected DevF, because they have a course divided in parts, each one needing aprox. 60h. You need at least 3 hours per day and the additional work you will put into understanding everything. I knew HTML,CSS and Javascript and wanted to advance my skills, so I selected Cinta Roja – Red Belt.<\/strong><\/p>\n\n\n\n
\n <\/div>\n\n\n\n\n\nCourse Overview<\/h2>\n\n\n\n
![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/image-700x394.png\")
A screenshot of one of our classes<\/figcaption><\/figure>\n\n\n\n To start of, please note that the course was Remote<\/strong> and in Spanish<\/strong>. Which is great, because the participants were everywhere – Spain, Colombia, Mexico and probably more. <\/p>\n\n\n\n
The course consists of 4 weeks of classes from 7pm to 10pm where the teacher – a sensei – covers our curriculum. The topics for my course include:<\/p>\n\n\n\n
- 1. Introduction to JS<\/strong>
- Objects, Inheritance, Scope, Async, ES6<\/li><\/ul><\/li>
- 2. Node functional programming<\/strong>
- Node Intro, Callbacks, Promises, Petitions<\/li><\/ul><\/li>
- 3.React.js<\/strong>
- Intro, useState, Hooks, Props, Axios<\/li><\/ul><\/li><\/ul>\n\n\n\n
The structure of the course was fine, in particular if we had 3 weeks of course and 1 week to prepare the final project. What I didn’t like was the pace. We were focused a lot of Basic JS for the whole first week and a part of the second week, then we focused on callback functions and the react.js was done in 3 days.<\/strong> This is something the DevF definitely needs to improve. In my opinion there are two reasons for this:<\/p>\n\n\n\n
- Students of varying levels<\/strong> – a few people were slowing the group down<\/li>
- Live coding homework<\/strong> – sometimes even half of the course was dedicated to resolving homework. I feel that this could be done in 30 minutes every day, and it didn’t need 1,5h each time.<\/li><\/ul>\n\n\n\n
Teacher – Sensei<\/h2>\n\n\n\n
Our teacher which is called a sensei at DeF was Hiromi. I really enjoyed her classes and explanations, so I can only say positive things ????.<\/strong> I often asked her some tough questions after business-hours and she always replied. Apart of being our teacher, she was also working full time, so once or twice when I had a question she replied after I have resolved the issue but that was not such a big problem and I still appreciate her help. ????<\/p>\n\n\n\n
![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/image-1.png\")
<\/figure><\/div>\n\n\n\nWe also had consultation hours which were held before our classes. Where you ask the sensei about your problems. which is a plus.<\/p>\n\n\n\n
Final Project<\/h2>\n\n\n\n
During the last week of the four-week course you are supposed to work on your project. The groups are decided by the participants or the teacher helped. For me, this was the most anticipated part. I felt that we rushed through react.js, but I still felt capable of delivery a ready project with some help from me.<\/p>\n\n\n\n
I have a long list of ideas which I want to create, so the first step was to gather the team and convince them, that my idea is feasible and interesting. <\/p>\n\n\n\n
The big idea was to create a new standard for Job Boards. There is a growing trend to create niche job boards that are visually appealing and focused on a particular market. The initial though was to create a Job Board aimed on Latin America for Developers and\/or Remote developers. During further discussion and search for the correct API we decided that we would not focus on Latin America but on the whole world, as we had easy access to github jobs API. This was our starting point.<\/p>\n\n\n\n
I used my Project Management experience to divide the project into kanban-style sections on Asana. This way everybody could work on their part without conflicts due to time-zone differences.<\/p>\n\n\n\n
![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/image-2-700x293.png\")
Our Project Divided with a Kanban style board <\/figcaption><\/figure><\/div>\n\n\n\n Since I also do UX I offered to prepare an initial figma hi-fi wireframe.<\/p>\n\n\n\n
![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/image-3-700x525.png\")
Our Figma Wireframe<\/figcaption><\/figure><\/div>\n\n\n\n We divided our project and my part was:<\/p>\n\n\n\n
- Managing Asana<\/li>
- Wireframing in Figma<\/li>
- Styling Navigation<\/li>
- Styling Hero Section<\/li>
- Connecting with Firebase<\/li>
- Creating a form to submit to FireBase<\/li>
- Getting results from Firebase and displaying them on the main page<\/li><\/ul>\n\n\n\n
Below you can also see our tech-stack:<\/p>\n\n\n\n
- Live coding homework<\/strong> – sometimes even half of the course was dedicated to resolving homework. I feel that this could be done in 30 minutes every day, and it didn’t need 1,5h each time.<\/li><\/ul>\n\n\n\n
- Students of varying levels<\/strong> – a few people were slowing the group down<\/li>
- Intro, useState, Hooks, Props, Axios<\/li><\/ul><\/li><\/ul>\n\n\n\n
- 1. Introduction to JS<\/strong>
![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/DevF-700x394.jpg\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/image-4-700x697.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/conversionchris.com\/wp-content\/uploads\/2020\/08\/Cinta_roja_diplome-700x540.png\")
<\/figure><\/div>\n\n\n\n