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 ● Mode of training : Online from codex infotech ● Start date : 5 - jul - 21 ● End date : 30 - jul - 21 ● Duration : 3 weeks 4 days
- 3. 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
- 4. 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).
- 5. 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.
- 6. 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
- 7. 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.
- 8. 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).
- 9. 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.
- 10. 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.