https://github.com/tpmabdulkareem/fantacode-internship-tasks
This Repository contains weekly tasks completed each week at FantaCode Solutions LLP, during internship program from 4th November 2017 to 4th May 2018
https://github.com/tpmabdulkareem/fantacode-internship-tasks
angular-cli angular4 css front-end-development html5 node-js npm sass scss
Last synced: 2 months ago
JSON representation
This Repository contains weekly tasks completed each week at FantaCode Solutions LLP, during internship program from 4th November 2017 to 4th May 2018
- Host: GitHub
- URL: https://github.com/tpmabdulkareem/fantacode-internship-tasks
- Owner: tpmabdulkareem
- Created: 2018-01-29T14:54:04.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-29T17:21:18.000Z (over 8 years ago)
- Last Synced: 2025-06-17T12:05:21.754Z (about 1 year ago)
- Topics: angular-cli, angular4, css, front-end-development, html5, node-js, npm, sass, scss
- Homepage:
- Size: 18.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
- [x] JavaScript Basics.
- [x] 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:
- [x] Basic JavaScript.
- [x] Object Oriented and functional programming.
### [My Task Report](https://www.freecodecamp.org/tpmabdulkareem)
## Task 2
- [x] 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.
- [x] [Video](https://youtu.be/f9_MKYKJ6CA)
### My Task Report:
- [x] [Github link](https://github.com/tpmabdulkareem/vanilaJavascript)
- [x] [Flems.io Link](https://goo.gl/1HaxH7)
## Task 3
- [x] The resource for this week is here:
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
- [x] Task: [VIDEO](https://youtu.be/QsryIgvMjas)
API powered by : https://dog.ceo/dog-api/
- [x] 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:
- [x] [Github Link](https://github.com/tpmabdulkareem/vanilaJavascript)
- [x] [Flem.io](https://goo.gl/4Y4PHh)
## Task 4
- [x] The task for this week is here:
Learn and familiarize with NPM (Node Package Manager).
- [x] Download node and npm from : http://nodejs.org
- [x] 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](https://github.com/tpmabdulkareem/NodeJS_Module-1)
## Task 5
The task for this week is here:
- [x] 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 😊
- [x] 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](https://github.com/tpmabdulkareem/Angular_myProject)
## Task 6
The task for this week is here:
- [x] Week 6: HTML5 and CSS3 using SCSS
- [x] 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
- [x] Task : Mimic the following website and send me a finished Git.
- [x] ` Website: https://www.zillow.com/`
### [My Task Report](https://github.com/tpmabdulkareem/CSS-Webpage-zillow.com-)
## Task 7
- [x] The task for this week is here:
`Angular Component and its Lifecycle`
- [x] Task: Create an angular component that implements OnInit and do some initialization it. Display some data saved in your component.
- [x] Resources:
https://angular.io/guide/displaying-data
https://angular-2-training-book.rangle.io/handout/advanced-components/component_lifecycle.html
### [My Task Report](https://github.com/tpmabdulkareem/Angular-Component)
## 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
- [x] Angular Sevices
- [x] Few Tasks
#### Task 8
- [x] [ ToDo Web App](https://github.com/tpmabdulkareem/FantaCode-ToDo)
- [x] [Puzzle](https://github.com/tpmabdulkareem/Bubbles-Puzzle)
- [x] SCSS using [flex](https://medium.freecodecamp.org/an-animated-guide-to-flexbox-d280cf6afc35)
#### 48 Hours of Hackathon
- [x] Hackathon work: [Mercado](https://github.com/tpmabdulkareem/mercada)
## 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](https://github.com/tpmabdulkareem/AngularRoutesProject)
## Task 10
The task for this week is here:
`Angular Modules & Working`
- [x] 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
- [x] Task:
Create an Angular Application which contains Lazy loaded modules.
### [My Task Report](https://github.com/tpmabdulkareem/AngularLazyLoading)