Presented by :
Name : Abhishek chauhan
Subject : Computer science
College : RAJESH PILOT GOVERNMENT POLYTECHNIC COLLEGE, DAUSA
Web development
Summer training
About training
● Mode of training : Online from codex infotech
● Start date : 5 - jul - 21
● End date : 30 - jul - 21
● Duration : 3 weeks 4 days
Content
● What is web development ?
● Front-end development
● Front-end development technologies
● Back-end development
● Back-end development technologies
● CMS (Content management system)
● Wordpress
● Project
What is web development ?
● Web development usually refers to developing the website .
● Also known as web programming.
● Creation of dynamic web application.
● Examples of web application are social networking sites like
facebook and instagram etc. and e-commerce sites like
amazon and flipkart.
● There are two main division of web development.
● Front-end development(also called client-side development) .
● Back-end development(also called server-side development).
Front-end development
● Front-end web development, also known as client-side development
is the practice of producing HTML, CSS and JavaScript for a website or
Web Application so that a user can see and interact with them
directly.
● The objective of designing a site is to ensure that when the users open
up the site they see the information in a format that is easy to read
and relevant.
● A front-end developer architects and develops websites and
applications using web technologies, which run on the Open Web
Platform or act as compilation input for non-web platform
environments
● Front -end technologies are : HTML, CSS , JAVASCRIPT.
Front-end development technologies
HTML CSS JAVASCRIPT
● HTML stands for Hyper Text
Markup Language
● HTML is the standard
markup language for
creating Web pages
● HTML describes the
structure of a Web page
● HTML elements tell the
browser how to display the
content
● HTML elements label pieces
of content such as "this is a
heading", "this is a
paragraph", "this is a link",
etc.
● 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
● External stylesheets are
stored in CSS files
● JavaScript is a light-weight
object-oriented
programming language that
is used by several websites for
scripting the webpages.
● JavaScript is commonly used
to dynamically modify HTML
and CSS to update a user
interface by the DOM API. It is
mainly used in web
applications.
● JavaScript helps the users to
build modern web
applications
Back-end development
● Back-end Development is also known as server-side
development.
● Back-end development controls what goes on behind the
scenes of a web application.
● Back-end usually consists of three parts : a server, a
application and a database.
● Users can’t see how the back-end works but this code is
what communicates the database information to the
browser.
● Back-end development technologies : SQL AND PHP.
Back-end development technologies
SQL PHP
● SQL stands for Structured Query
Language.
● SQL is used to communicate with a
database.
● it is the standard language for
relational database management
systems.
● SQL is a standard language for
storing, manipulating and
retrieving data in databases.
● SQL became a standard of the
American National Standards
Institute (ANSI) in 1986, and of the
International Organization for
Standardization (ISO) in 1987
● PHP is an acronym for "PHP:
Hypertext Preprocessor"
● PHP is a widely-used, open source
scripting language
● PHP scripts are executed on the
server
● PHP is free to download and use
● It is powerful enough to be at the
core of the biggest blogging
system on the web.
● It is deep enough to run the largest
social network (Facebook).
CMS ( Content management system )
● CMS stands for content management system.
● CMS is computer software or an application that uses a
database to manage all content, and it can be used when
developing a website.
● A CMS can therefore be used to update content and/or your
website structure.
● Most CMS solutions are open-source, which means they are free
and accessible to everyone. However, some may contain
additional paid options, such as templates and plug-ins.
● The main CMS are currently WordPress, Joomla, Drupal,
Magento and Prestashop.
Wordpress
● WordPress is a free and open-source content
management system (CMS)
● WordPress is used by 41.4% of the top 10 million
websites as of May 2021,
● WordPress is one of the most popular content
management system solutions in use.
Project
A portfolio website
Project
A trip form
ppt of web development for diploma student

ppt of web development for diploma student

  • 1.
    Presented by : Name: Abhishek chauhan Subject : Computer science College : RAJESH PILOT GOVERNMENT POLYTECHNIC COLLEGE, DAUSA Web development Summer training
  • 2.
    About training ● Modeof training : Online from codex infotech ● Start date : 5 - jul - 21 ● End date : 30 - jul - 21 ● Duration : 3 weeks 4 days
  • 3.
    Content ● What isweb development ? ● Front-end development ● Front-end development technologies ● Back-end development ● Back-end development technologies ● CMS (Content management system) ● Wordpress ● Project
  • 4.
    What is webdevelopment ? ● Web development usually refers to developing the website . ● Also known as web programming. ● Creation of dynamic web application. ● Examples of web application are social networking sites like facebook and instagram etc. and e-commerce sites like amazon and flipkart. ● There are two main division of web development. ● Front-end development(also called client-side development) . ● Back-end development(also called server-side development).
  • 5.
    Front-end development ● Front-endweb development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. ● The objective of designing a site is to ensure that when the users open up the site they see the information in a format that is easy to read and relevant. ● A front-end developer architects and develops websites and applications using web technologies, which run on the Open Web Platform or act as compilation input for non-web platform environments ● Front -end technologies are : HTML, CSS , JAVASCRIPT.
  • 6.
    Front-end development technologies HTMLCSS JAVASCRIPT ● HTML stands for Hyper Text Markup Language ● HTML is the standard markup language for creating Web pages ● HTML describes the structure of a Web page ● HTML elements tell the browser how to display the content ● HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. ● 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 ● External stylesheets are stored in CSS files ● JavaScript is a light-weight object-oriented programming language that is used by several websites for scripting the webpages. ● JavaScript is commonly used to dynamically modify HTML and CSS to update a user interface by the DOM API. It is mainly used in web applications. ● JavaScript helps the users to build modern web applications
  • 7.
    Back-end development ● Back-endDevelopment is also known as server-side development. ● Back-end development controls what goes on behind the scenes of a web application. ● Back-end usually consists of three parts : a server, a application and a database. ● Users can’t see how the back-end works but this code is what communicates the database information to the browser. ● Back-end development technologies : SQL AND PHP.
  • 8.
    Back-end development technologies SQLPHP ● SQL stands for Structured Query Language. ● SQL is used to communicate with a database. ● it is the standard language for relational database management systems. ● SQL is a standard language for storing, manipulating and retrieving data in databases. ● SQL became a standard of the American National Standards Institute (ANSI) in 1986, and of the International Organization for Standardization (ISO) in 1987 ● PHP is an acronym for "PHP: Hypertext Preprocessor" ● PHP is a widely-used, open source scripting language ● PHP scripts are executed on the server ● PHP is free to download and use ● It is powerful enough to be at the core of the biggest blogging system on the web. ● It is deep enough to run the largest social network (Facebook).
  • 9.
    CMS ( Contentmanagement system ) ● CMS stands for content management system. ● CMS is computer software or an application that uses a database to manage all content, and it can be used when developing a website. ● A CMS can therefore be used to update content and/or your website structure. ● Most CMS solutions are open-source, which means they are free and accessible to everyone. However, some may contain additional paid options, such as templates and plug-ins. ● The main CMS are currently WordPress, Joomla, Drupal, Magento and Prestashop.
  • 10.
    Wordpress ● WordPress isa free and open-source content management system (CMS) ● WordPress is used by 41.4% of the top 10 million websites as of May 2021, ● WordPress is one of the most popular content management system solutions in use.
  • 11.
  • 12.