You will focus on solving 100 exercises on Code Wars. Please register a new account and start solving the problems with KATA levels 3, 4, and 5.
Don’t cheat by looking at the solutions, we will discuss your solutions to the problems at the end of the phase.
All of the solutions to the tasks should be put on GitHub. As a note, please commit all changes to a solution to a task to GitHub, not only the final working one.
This phase has a timeline, to be completed, between two weeks and a month.
@Expected results
Improve problem-solving skills and solution discovery mapping;
Get familiar with the language(JavaScript);
Learn about variables, looping, conditions, arrays, matrices;
Congrats on making it through Phase 0. It is a great accomplishment you should be proud of! In Phase 1, we will focus on learning the fundamentals of the browser, HTTP, HTML, CSS, and JavaScript. The timeline for this phase is between one to one and a half months.
How the browser and HTTP protocol worksBefore writing a single line of code, first, you need to understand what is happening when you open an URL in the browser. How the browser behaves, what the underlying actions are done for you to see the page, rendered, in the browser. Please view the referenced video examples below for more details.
Understand the concept of how the browser is exchanging data with the web server;
How the HTML, CSS, and JavaScript are parsed and rendered;
The browser pipeline from typing an address to showing the content to the user;
HTML and CSS For this topic, you will need to register an account on FreeCodeCamp. From the list of available courses, choose the “Responsive Web Design” course. You will need to go through the following topics available in the course:
To understand the basic building blocks for developing websites;
Understand the available layout mechanisms when developing a web application;
Learn to develop responsive web applications that work on different devices;
Attention to detail;
Now that we know how to create static websites, we will continue with learning JavaScript - the required ingredient for developing dynamic web applications. From the list of available courses on FreeCodeCamp, choose the “JavaScript Algorithms and Data Structures” course. Before you start, make sure you read and write the examples in Eloquent JavaScript book. From the course, you will need to cover the following topics: JavaScript
Basics;
DOM manipulations;
Fetch API / Ajax (XHR);
@Problems to solve
Create a clone of the Windows Calculator(Standard view);
Make sure the calculator is responsive(there is a historical view hidden in the calculator);
First, implement it as you know best;
The second implementation/refactor will be by applying the module pattern(Apply Eloquent JavaScript learning);
Create a clone of Windows Minesweeper;
Apply the learning module pattern from the previous exercise;
With a great pace, we are coming to the last phase of the internship. We hope that by now, you are skillful enough to develop simple web applications that can further improve your skill. To increase productivity and achieve standardization, this phase will be focused on learning a CSS and JavaScript framework. CSS We will use the very famous Bootstrap. Once you know the basics you can tap into any other CSS framework. There isn’t a better place to start learning than the documentation itself. JavaScript Through exercise, you will learn Vue.JS together with the concepts of developing a single page application, using a VUEX store, developing components, and setting up a project architecture.
You can use Vue.JS documentation as a reference to learn by doing. We would expect you to complete this phase between two weeks and a month. @Problems to solve
Rewrite the Hacker News clone using VueJS and Bootstrap;
@Expected results
Basic understanding of Bootstrap and Vue.JS;
Basic understanding of concepts of components, routing, store;