FantaCode-Internship-Tasks

This Repository is to publish the skills aquired during the internship program as Front-End Developer Intern at FantaCode Solutions LLP.

Task 1

The task for the first week of your Internship is here.

• JavaScript Basics.

• Cover the basics of JavaScript and have a good understanding of its functional approach.

Resources:

Signup to https://www.freecodecamp.org/

Verify your email and go to : https://www.freecodecamp.org/challenges/comment-your-javascript-code

Take the challenges mentioned below:

• Basic JavaScript.

• Object Oriented and functional programming.

My Task Report

Task 2

• The task for this week is here:

https://www.impressivewebs.com/10-essential-dom-methods-techniques-for-practical-javascript/

A video below which show a webpage with some basic javascript functionality and some VERY basic html.

• Video

My Task Report:

• Github link

• Flems.io Link

Task 3

• The resource for this week is here:

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

• Task: VIDEO

API powered by : https://dog.ceo/dog-api/

• APIs used:

/api/breeds/list - Get the list of all dog breeds

/api/breed/{breed name}/images/random - to get the dog breed image

My Task Report:

• Github Link

• Flem.io

Task 4

• The task for this week is here:

Learn and familiarize with NPM (Node Package Manager).

• Download node and npm from : http://nodejs.org

• Resource: http://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/

This weeks task is to build a simple node module and add it to the repository. It can be anything.

My Task Report

Task 5

The task for this week is here:

• Week 5: Angular 4 – Introduction

Learn how a simple Angular project is created and learn about basic Angular principles. All about the latest Angular 4.

Go ahead and grab the Angular CLI : A command line tool used to build angular projects. And Create your first angular project and get it run and change the default content to your name 😊

• Resources:

Angular CLI : https://cli.angular.io/

Learn how angular builds work and familiarize with the commands to build the angular projects.

My Task Report

Task 6

The task for this week is here:

• Week 6: HTML5 and CSS3 using SCSS

• Resources:

Learn about SCSS or SASS : http://sass-lang.com/guide

Learn about HTML5 and CSS: https://www.freecodecamp.org/challenges/say-hello-to-html-elements

• Task : Mimic the following website and send me a finished Git.

• Website: https://www.zillow.com/

My Task Report

Task 7

• The task for this week is here:

Angular Component and its Lifecycle

• Task: Create an angular component that implements OnInit and do some initialization it. Display some data saved in your component.

• Resources:

https://angular.io/guide/displaying-data

https://angular-2-training-book.rangle.io/handout/advanced-components/component_lifecycle.html

My Task Report

10 Days On-Site Internship at FantaCode Solutions

Learned and Experienced the real Scenerio of Startup Ecosystem and inaddition learned a lot of things than academic and profeesional skills that makes each Inerns of FanaCode solutions Different from others.

Some of the topics Covered During these are

• Angular Sevices

• Few Tasks

Task 8

• ToDo Web App

• Puzzle

• SCSS using flex

48 Hours of Hackathon

• Hackathon work: Mercado

Task 9

Angular Routing

Resources: https://angular.io/guide/router

Task: Create an android application with at least 2 components accessed with routing

My Task Report

Task 10

The task for this week is here:

Angular Modules & Working

• Resources:

https://medium.com/@cyrilletuzi/understanding-angular-modules-ngmodule-and-their-scopes-81e4ed6f7407

https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html

• Task:

Create an Angular Application which contains Lazy loaded modules.

My Task Report