its about web development

1. Industrial Training and
Practice
on Web Development
PRESENTED BY
RAKSHITHA KOLACHALAMA
(11199A198)
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
1
SUPERVISED BY
Dr. R Poorvadevi (Assistant Professor)

2. About the course
From the batch date I will have access to training contents in
the Internshala platform for 8 weeks within which we should be
able to complete the training. On an average one half hour to 2
hours per day.
At the end of the training we need to give the final test in which
we need to score minimum 33% of marks to get a final
certificate.
Given that there will be approximately 1.4 million computing
jobs available in 2020, with only 400,000 qualified developers
to fill them, those interested in acquiring in-demand skills can
certainly benefit from having web development and coding in
their resume.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
3

3. Overview Of The Course
 HTML - Hypertext Markup Language
 CSS - Cascading Style Sheets
 Bootstrap
 DBMS - Data Base Management System
 PHP
 JS - Java Script
 REACT
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
2

4. HTML
Html stands for Hyper Text Markup Language.
Html describe the structure of a Web page.
Html elements tells the browser how to display the
content.
Html elements label pieces of content such as “this is
heading”, “this is paragraph” , “ this is link” etc.
Here I learnt how to add forms, basic structure of page,
adding image, hyperlinks, tables, videos.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
4

5. CSS
CSS stands for 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.
CSS is used to define styles for your web pages, including
the design, layout and variations in display for different
devices and screen sizes.
Here I learnt how to add comments, colours, background,
margins, padding, grids and borders.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
5

6. BOOTSTRAP
Bootstrap is a free front-end framework for faster and
easier web development
Bootstrap includes HTML and CSS based design
templates for typography, forms, buttons, tables,
navigation, modals, image carousels and many other, as
well as optional JavaScript plugins
Bootstrap also gives you the ability to easily create
responsive designs
Here I learnt how to how Bootstrap's responsive CSS
adjusts to phones, tablets, desktops and browser
compatibility
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
6

7. DBMS
DBMS stands for Data Base Management System.
A DBMS database program i.e. MS Access, SQL Server,
MySQL
To use a server-side scripting language, like PHP or ASP
To use SQL to get the data you want
To use HTML / CSS to style the page
Here I learnt basic concepts and terminology related to
data base and queries.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
7

8. PHP
PHP is an acronym for "PHP: Hypertext Preprocessor"
PHP is a widely-used, open source scripting language
PHP is free to download and use
PHP files can contain text, HTML, CSS, JavaScript, and
PHP code
PHP code is executed on the server, and the result is
returned to the browser as plain HTML.
PHP files have extension”.php”
Here I learnt how to collect data from forms, form
submissions and basics of cookies.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
8

9. JS
JS stands for Java Script.
JavaScript to program the behavior of web pages and
make the website responsive to the user.
JavaScript is a text-based programming language used
both on the client-side and server-side that allows you to
make web pages interactive.
HTML and CSS are languages that give structure and
style to web pages, JavaScript gives web pages interactive
elements that engage a user.
Here I learnt how to create a website interactive.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
9

10. REACT
React makes it painless to create interactive UIs. Design
simple views for each state in your application
React will efficiently update and render just the right
components when your data changes.
Here I learnt how to use react and its applications.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
10

11. My Experience and Doubts
Differences between webpages, websites, web servers,
and search engines. And why we need hyperlinks.
What are the browser developer tools and how to utilize
them.
How can we design for all type of users
What is a box model mean in CSS
My Experience : sometimes we do not need to code in a
perfect way but we should understand the simplicity of the
code and how to host it in Google Engine. As developer
there is no certain rules to code in a fancy way but, keep it
in a simple way.
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
10

12. CERTIFICATION OF TRAINING
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
11

13. Thank you
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
12