Summer

TRAINING

Internship for Technology Based Innovation (ITI)

Front End
Web Development
Build a portfolio, create a network,
and land your dream job.

9015 887 887

www.trainingbasket.in
 Table of Contents

03 Our Mission

04 Our Features-The 360o Approach

04 Benefits of Summer Internship Training

05 Get Industry Recognized Certifications

05 1000+ Internships With Reputed Brands

06 Units & Overview

10 Assessment

11 Partnerships

Front End Web Development

2
 Our Mission

Training Basket works to make education more Training Basket’s mission

inclusive and accessible so that individuals may is to diversify the tech industry
accomplish their goals. We've taught over through online-learning
100,000 individuals how to code and design
however, if you already have some experience
since 2016, and our objective is to achieve long-
but want to advance, Training Basket offers
term, systemic change in the IT industry.
current and relevant skills to help you reach
Competency-based learning is used in Training
Basket training programmes to reinforce what where you need to go. You'll additionally
students have learned. We've reinvented the benefit from the Training Basket Slack, a
learning process and created a tried-and-true thriving online community where you can ask
approach to help you get the skills and questions and network with other students,
information you need to achieve your regardless of your past experience level. You'll
objectives. Stay on track with our points system, have weekly office hours, and Training Basket
badges, and weekly activity journal, which has support professionals will be accessible for
been scientifically proved to enhance advice and encouragement.
motivation. You didn't merely view a video
when you finished a course; you learnt, We concluded that in order to diversify the IT
practiced, and internalized an idea. Plus, at the industry, we needed a curriculum that was fully
end of each lesson, Training Basket walks you beginner-friendly, didn't result in student debt,
through an immersive project, so you'll have a and didn't demand any repayment. Many
portfolio of work ready to present as soon as
bootcamps cost huge amounts of money, or
you're through. Our Job-Ready programmes
worse, force graduates to take a share of their
are geared for beginners
salary when they obtain a job. At a fraction of
We designed this Summer the cost of bootcamps, Training Basket provides
Training program to be an high-quality courses, comprehensive learning
accessible alternative to assistance, and professional expertise.
bootcamps

Front End Web Development

3
 Our Features-The 360 Approach o

Classroom Online Structured Video

Training Training Learning Plan Lectures

World Class Soft Mentor Interview

LMS Skills Support Support

Exam Tips Study Materials 100% PLACEMENT

and Tricks & Textbooks ASSISTANCE

Benefits of Summer
Internship Training

Live support A professional

Study at your Study and
and an online and finished
own pace career guidance
community portfolio

Front End Web Development

4
 Get Industry Recognized
Certifications
Internship Confirmation Letter

Project Letter

Course Completion Certificate

Internshp Certificate From Client Company

1000+ Internships With

Reputed Brands

BLOGIC
SOFTWARE TECHNOLOGY PVT LTD

Front End Web Development

5
 Duration
Units & Overview 2 Months

Unit-1 Basics of Web and HTML

Basics of Web Designing and CSS Unit-2

Unit-3 Layout creation with CSS

JavaScript Programming Fundamentals Unit-4

Unit-5 Advanced JavaScript

Project List Unit-6

Front End Web Development

6
 Unit-1

Basics of Web and HTML

• Course Introduction
• HTML Introduction, tags and elements, headings, Paragraph and Text Formatting
• HTML Images, Hyperlinks, Lists, and Tables
• Audio, Video, Forms and iFrames
• Container tags, Semantic elements, ID and Class

Unit-2

Basics of Web Designing and CSS

• Introduction to CSS, ways to use CSS (pros and cons)
• Text and font properties.
• Background properties and Box Model
• Display and Position properties
• Float and Layout creation in CSS

Unit-3

Layout creation with CSS

• Pseudo elements and Pseudo classes
• Transitions and Media queries
• Flexbox and Layout creation with exbox
• Flexbox project

Front End Web Development

7
 Unit-4

JavaScript Programming
Fundamentals
• Introduction to JS and front-end scripting
• JS Variables, datatypes and Operators
• Introduction to Control structure
• Iterative control structure
• Functions and functional programming
• Arrays and Objects

Unit-5

Advanced JavaScript
• Introduction to Document Object
• Advanced DOM Manipulation
• Introduction to events
• Event driven programming in JS
• Project

Front End Web Development

8
 Unit-6

Project List
1. User prole Cards / User Dashboard Design
2. Invoice template / Bill Invoice design
3. Login-SignUp Form / User Registration form
4. Landing page design
5. Header section templates / Hero section designs
6. Animated prole cards / Animated website components
7. Blog website design / Blog card templates
8. Personal portfolio Website / Personal website template
9. Weather Reporting application / Weather API Project
10. Admin Dashboard Design / E-Commerce dashboard template

Front End Web Development

9
 Assessment
Our lecturers are working
experts in the field of technology
who give useful and constructive
advice.
{./.}
</>

{./.}

This Job-Ready curriculum incorporates You'll have the chance to fix the problems
project-based learning, which allows you to and resubmit the project for further
apply the skills you're learning by working on assessment. As you go through the course,
projects of increasing complexity. Each you will show your developing skill set by
project you create will be evaluated completing quizzes and coding tasks,
separately using a thorough grading criteria culminating in a Final Exam. The Final Exam is
that is specific to that assignment. Aside from your opportunity to demonstrate what
an overall grade of Exceeds, You will receive you've learned during this Training. You must
individualised written feedback on your correctly answer at least 70% of the
project in the form of Expectations, Meets questions on the Final Exam in order to
Expectations, or Needs Work. Don't panic if succeed. If you don't meet that standard, you
your project is labelled as Needs Work. can study and repeat the exam the next day.

Front End Web Development

10
 Partnerships
We collaborate with a number of IT
businesses to guarantee that our students
receive the most up-to-date and relevant
education possible.

Companies With
Which We Collaborate

Front End Web Development

11