Front End Development - GetSkills360

Week 1 | HTML5

Introduction to HTML5

This will be an introductory week in which we will train you about basic project setup and coding standards. There will be practical tasks and challenges which will give you enough concepts about basic and advanced HTML concepts.

Week 2 | Css3 Basics

CSS3 Classes, ID’s, Selectors, Box Model, Display Properties

In the second week we will give you the basic concepts about css3. You will learn the concepts behind every property which are necessary to build an interactive website.

Week 3 | Css3 Advanced

Positions, Pseudo classes, Transitions, Transform, Media Queries

The third week of our training will give you the advanced concepts about css3. We will also give some coding challenges which will cover all the concepts in HTML5 and CSS3.

Week 4 | Figma To HTML / CSS

Analysing Figma and PSD designs, Converting them to pixel perfect web designs

Figma to Responsive web designs is a great skill when we see freelance and other jobs. You will learn How to analyse a design and convert them to pixel perfect responsive websites.

Week 5 | Practice Project

Figma to Responsive Web Design

We will give a web page design in Figma. You have to analyse the design and convert it into a static website using the best coding standards.

Week 6 | Bootstrap

Bootstrap Classes, Grid concepts, Responsive Web Design

Bootstrap is one of the most popular front end frameworks which fits with every technology. We will teach you how bootstrap classes work and how to use them to make responsive web designs.

Week 7 | Javascript Basics

Introduction to Javascript

This week you will learn about basic programming using javascript. We will teach you about javascript variables, operators and best practices in programming.

Week 8 | Javascript Advanced

Functions, Conditionals, Events, ES6 Syntax

After learning the basic concepts of programming we will train you for the advanced concepts in javascript programming. This will be the most important week of this training.

Week 9 | Javascript Advanced

DOM, Nodes, Accessing DOM Elements, Changing Properties using JS

These concepts will give more practical knowledge to make web pages interactive and dynamic on the front end side.

Week 10 | Practice Project

Practice on HTML, CSS and Javascript

After having much knowledge about these front end skills you will be able to code a website with a lot of interactive features. You will be given a mockup design and will convert this to a responsive website.

Week 11 | Productivity Tools

Front-end Development Productivity Tools

Practicing Front-end developers productivity tools to code faster and create better products in less time. The module also includes code debugging techniques.

Week 12 | Introduction to React Js

React Js Basics

React.js is the most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web. Learn about React js basics and initial environment setup for a react project.

Week 13 | React Components

React Re usable components

Learn about how React js manages large applications by dividing each feature of a web application into reusable components.

Week 14 | React Typscript

Learn Typscript Basics

You will get deep concepts about React and TypeScript, and the advantages and disadvantages of TypeScript. How large applications are built with these powerful technologies.

Week 15 | Proptypes

Why Proptypes

We will learn propTypes in TypeScript to set the intentions of a prop. Setting a propType will let TypeScript know what type to expect when a prop is in use.