Search

Phase 0

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;
  • Learn the basics of data structures;
  • Learn the basics of GIT based source control;
 
@Additional resources

Phase 1

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. 
@Result
  • 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:

HTML
  • Basics;
  • Writing Semantic HTML;
  • Accessibility;
CSS
  • Basics;
  • Making layouts
    • Floats;
    • Positions;
    • Display;
    • Box Model;
    • CSS Grid;
    • Flex Box;
  • Media queries;
  • CSS 3;
 
@Problems to solve
  • Create a website with your CV.
    • Personal website design - Dribbble;
    • The website should be responsive and pixel perfect;
  • Create two email templates with tables.
    • Email template designs - Dribbble;
    • The emails can be tested with Litmus;
 
@Expected results
  • 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;
  • Create a Hacker News clone - use their REST API;
    • Hacker News design - Dribbble;
    • The website should have good performance(1 sec loading time), responsive, and pixel perfect;
 
@Expected results
  • Being able to develop a web application by using vanilla JavaScript, CSS, and HTML;
  • Learn to send and retrieve data from a REST API;
  • To understand module pattern and separation of view and business logic;
  • Good understanding of scoping;
  • Understanding of promises and working with asynchronous calls;
 
@Additional resources

Phase 2

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;
  • Basic understandings of Axios;
 
@Additional resources
Photo used under Creative Commons from bennettscience