Summer
Training Report
On
“Web
development”
A Project Work
Submitted in the partial fulfilment for the award of the degree of
BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE ENGINEERING (Hons.) -BIG DATA ANALYTICS
Submitted by:
Aashiv dhankhar
20BCS3799
Under the Supervision of:
Pramod Vishwakarma
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING APEX INSTITUE OF
TECHNOLOGY
CHANDIGARH UNIVERSITY, GHARUAN, MOHALI - 140413,
PUNJAB
June 2022
DECLARATION
I, AASHIV DHANKHAR, student of ‘Bachelor of Engineering in Computer Science Engineering
(Hons.) -- Big Data Analytics’, session: 2022-23, Department of Computer Science and
Engineering, Apex Institute of Technology, Chandigarh University, Punjab, hereby declare that the
work presented in this Project Work entitled Web development is the outcome of our own bona
fide work and is correct to the best of our knowledge and this work has been undertaken taking care
of Engineering Ethics. It contains no material previously published or written by another person
nor material which has been accepted for the award of any other degree or diploma of the university
or other institute of higher learning, except where due acknowledgment has been made in the text.
Aashiv dhankhar
20BCS3799
Date: 22 June 2022
Place: Chandigarh University
ACKNOWLEDGEMENT
Date: 22 June 2022
In the accomplishment of completion of my project on Web Development I would like to convey
my special thanks of gratitude to my teacher Pramod Vishwakarma
, of AIT - CSE of Chandigarh University.
Your valuable guidance and suggestions helped me in various phases of the completion of this
project. I will always be thankful to you in this regard.
I am ensuring that this project was finished by me and not copied.
Aashiv Dhankhar
20BCS3799
Guided Projects
Gain a job-relevant skill in under 2 hours
Enroll in Guided Projects to learn job-relevant skills and industry tools in under 2 hours. Guided
Projects are self-paced, require a smaller time commitment, and provide practice using tools in realworld scenarios, so you can build the job skills you need, right when you need them.
●
100% online with no setup required
●
Interactive learning experience with step-by-step, visual instruction from subjectmatter experts
●
Priced starting at $9.99 (USD)
●
Earn a Guided Project certificate
Specializations
Master a skill
If you want to master a specific career skill, consider enrolling in a Specialization. You will complete
a series of rigorous courses at your own pace, tackle hands-on projects based on real business
challenges, and earn a Specialization Certificate to share with your professional network and
potential employers.
●
100% online
●
Master a skill in 4-6 months
●
Priced starting at $39 (USD) per month
●
Earn a Specialization Certificate
Professional Certificates
Get job-ready for an in-demand career
Whether you are looking to start a new career or change your current one, Professional Certificates
on Coursera help you become job ready. Learn at your own pace from top companies and
universities, apply your new skills to hands-on projects that showcase your expertise to potential
employers, unlock access to career support resources, and earn a career credential to kickstart your
new career.
●
100% online
●
Get job-ready in less than a year with hands-on projects
●
Priced starting at $39 per month (USD)
●
Earn a shareable Certificate
Online Degrees
Top degrees that fit your life
Transform your career with a degree online from a world-class university on Coursera. Our modular
degree learning experience gives you the ability to study on your own schedule and earn credit as you
complete your course assignments. For a breakthrough price, you will learn from top university
instructors and graduate with an industry- relevant university credential.
● Flexible online learning, with open degree courses you can start today
● Build your own schedule over 1-4 years of study
● All-in pricing starting at around $9,000 (USD) with the option to pay in
instalments
●
Earn an accredited university bachelor or master’s degree
About Training:
Web development is everything involved in the creation of a website. Typically it refers to
the coding and programming side of web site production as opposed to the web design
side. It encompasses everything from a simple page of HTML text to complex, feature-rich
applications designed to be accessed from various Internet-connected devices.
Examples of feature-rich web development include ecommerce websites, content
management systems (CMS) and social networks. Common web development
programming languages and software include Hypertext Markup Language (HTML),
Cascading Style Sheets (CSS), JavaScript, PHP, Drupal and MySQL.
What You’ll Learn?.





Build web developer skills. ...
Consider a degree in computer science or web design. ...
Take a course in web development. ...
Built a portfolio of web development work. ...
Get certified.
Time Investment and Certification
The total time needed to completeweb development is 8weeks(1hr per day).
To get the web developmentCertificate, you need to complete six courses including all graded
assignments and exams.
How Much Does Google Data Analytics Certification
Cost?
The total cost to get the web development Certification is Rs1349. The course is offered by intershala .On average
it takes 8weeks for students to complete the course and get certified.
CERTIFICATE
+
CONTENTS
Title Page
i
Certificate
ii
Acknowledgement
iii
ABSTRACT
…
CONTENTS
COURSE 1 Foundations: Data, Data, Everywhere
1
1.1 Definition
…
1.2 Key point of the course
…
1.3 Details and Features
1.4 Time to complete every week
…
COURSE 2 Ask Questions to Make Data-Driven Decisions
2.1 Definition
…
2.2 Key point of the course
…
2.3 Details and Features
…
2.4 Time to complete every week
COURSE 3 Prepare Data for Exploration
3.1 Definition
…
3.2 Key point of the course
…
3.3 Details and Features
3.4 Time to complete every week
LEARNING OUTCOMES
CONCLUSION
REFERENCES
…
ABSTRACT-
Web development is everything involved in the creation of a website. Typically it refers to
the coding and programming side of web site production as opposed to the web design
side. It encompasses everything from a simple page of HTML text to complex, feature-rich
applications designed to be accessed from various Internet-connected devices.
Examples of feature-rich web development include ecommerce websites, content
management systems (CMS) and social networks. Common web development
programming languages and software include Hypertext Markup Language (HTML),
Cascading Style Sheets (CSS), JavaScript, PHP, Drupal and MySQL.
Course 1: HTML
HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it!
.
The material is broken down into five weeks and to complete this course, you’ll need around 21 hours.
Topic
Time To Complete
Week1
Introduction to web development
30 minutes
Week 1
Setting up local environment
30min
Week 1
Itroduction to HTML
30min
Week 1
HTML tags
1h
Week 1
Lists,tables, and form
1h
Course 2: CSS
The second course is “CSS(Cascading Style Sheets)”. CSS describes how HTML elements are
to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can
control the layout of multiple web pages all at once. External stylesheets are stored in
CSS files.
It’s a relatively short course spread into four weeks. To complete this course, you’ll need to allocate 19 hours.
Topic
Time To Complete
Week 2
Introduction to CSS
30 minutes
Week 2
CSS Selectors
1 hours
Week 2
Unit: Length and Colour
2 hours
Week 2
CSS properties
1 hours
Week 2
Box Model
30 min
Week 2
Inspect Element
30 min
Week
Display
30 minutes
Week 2
Position
1 hour
Week 2
Structuring a Web Page,flexbox, Media Queries
2 hours
Course 3: Boot Strap
What is Bootstrap used for?
Bootstrap is a free and open source front end development framework for the creation of
websites and web apps. The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to
facilitate the development of responsive, mobile-first sites and apps.
Topic
Time To Complete
Week 3
Introduction to bootstrap
30 minutes
Week 3
Layout
1 hours
Week 3
Other Components
30 minute
Course 4: DBMSA database management system (or DBMS) is essentially nothing more than a computerized data-keeping
system. Users of the system are given facilities to perform several kinds of operations on such a system
for either manipulation of the data in the database or the management of the database structure itself
Topic
Time To Complete
Week 4
Introduction to DBMS
30minutes
Week 4
Basic Concept and Terminology
2 hours
Week 4
SQL Queries- data base related
30 min
Week 4
SQL Queries-Tables related
30 min
Week 4
SQL Queries- Record related
30 min
Week 4
Designing a Database
2 hours
Week 4
Database Relationship
2hours
Week 4
Join Queries, importing and exporting a database
1hour
Course 5: PHP
PHP is a server scripting language, and a powerful tool for making dynamic and interactive
Web pages.
PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.
Topic
Time To Complete
Week 5
Introduction and Installation
30 minutes
Week 5
Variable and Operator
1 hour
Week 5
Conditional Statements and loops
1 hour
Week 5
Arrays and Strings
2 hours
Week 5
Functions and Form submission
1 hour
Week 5
Data communication
1 hour
Week 5
Cookies and Sessions
2 hours
Course 6: Java Script
JavaScript is the programming language of the Web.JavaScript is easy to learn.This tutorial
will teach you JavaScript from basic to advanced.
Topic
Time To Complete
Week 6
Introduction to java script
30 minutes
Week 6
Variable and operators
2 hours
Week 6
Conditional statement and loops
1 hour
Week 6
Functions
1hour
Week 6
Object and classes
1hour
Week 6
Arrays and string
2 hours
Week 6
Java script as a client side language
2 hours
Week 6
Debugging JS using inspect element
1 hour
Week 6
AJAX
1 hour
Course 7 React
What is React used for in web development?
React is an excellent tool with which to create interactive applications for mobile, web, and other
platforms. React's popularity and usage are increasing day by day for good reason. As a developer,
coding in React makes you better at JavaScript, a language that holds nearly 90% of the web
development share today.
Topic
Time To Complete
Week 7
Introduction to React
30 min
Week 7
Creating an element
2 hours
Week 7
JSX
2 hours
Week 7
Componets
1 hour
Week 7
Props and states
1 hour
Week 7
Managing states and data flow
2hours
Week 7
Create react app
2hours
Week 7
Breaking into module and Deploy
2hours
Learning Outcomes:
1. Structure and implement HTML/CSS.
2. Apply intermediate and advanced web development practices.
3. Implement basic JavaScript.
4. Create visualizations in accordance with UI/UX theories.
5. Develop a fully functioning website and deploy on a web server.
6. Find and use code packages based on their documentation to produce working
results in a project.
7. Create webpages that function using external data.
8. Architect solutions to programming problems by combining visual components
and classes.
9. Develop JavaScript applications that transition between states.
10.Identify mobile strategies and design for multiple operating systems.
11.Distinguishing trends in multi-device implementation.
12.Create visualizations in accordance with UI/UX theories.
13.Derive information from data and implement data into applications.
14.Authenticate, store, and structure user data.
Conclusion:
Summary
In today's Web development, a good page design is essential. A bad design will lead to the loss of
visitors and that can lead to a loss of business. In general, a good page layout has to satisfy the basic
elements of a good page design. This includes color contrast, text organization, font selection, style
of a page, page size, graphics used, and consistency. In order to create a well-designed page for a
specific audience. The developer needs to organized and analyze the users' statistics and the
background of the users. Although it can be hard to come up with a design that is well suited to all of
the users, there will be a design that is appropriate for most of the audience. The better the page
design, the more hits a page will get. That implies an increase in accessibility and a possible increase
in business.
Recommendation
After analyzing all the researched information and feedback from different users, I would
recommend that a general purposed Web site should use non-frame pages and graphics navigation
bar with rollover effects. In addition to the graphic navigation bar with rollover effects, each page
should also have a text-only navigation bar for easy control. The developer should also create a
Cascading Style Sheet to control the font and font-size and use the style sheet throughout the site to
obtain a consistent look and feel