uuserinterfacewebdevelopmentnewoneppt.pptx
- 1. PROGRAM: BCAH, SEMESTER-2,FIRSTYEAR BCAH-206:SEMINAR TOPIC:- WEB DEVELOPMENT Submitted By: Student Name :- Paras Jain Roll No :- BCAH1CA20016 SubmittedT o: Ms.NishaVerma Mam
- 2. OUTLINES ◾ What isWeb Development ? ◾ Front end development ◾ Front end development technologies ◾ Back end development ◾ Back end development technologies ◾ Who is aWeb Developer ? ◾ T ypes ofWeb Developer ◾ How a website works ? ◾ Difference BetweenWeb Developer andWeb Designer ◾ Projects
- 3. WHAT IS WEB DEVELOPMENT ? ◾ Web Development usually refers to developing the website for the Internet (WorldWideWeb) or for an Intranet (Private network). ◾ Also known asWeb Programming. ◾ It is the creation of DynamicWebApplications. ◾ Examples of Web Applications are Social networking sites like Facebook or E-commerce sites likeAmazon,Flipkart,etc. ◾ There are two broad division of Web Development – Front-end Development (also called Client-side Development) Back-end Development (also called Server-side Development).
- 4. FRONT END DEVELOPMENT ◾ Front end development refers to producing aweb application so that a user can see and interact with them directly . ◾ It is also known as Client side development. ◾ It focuses on the visual elements of a website that a user will interact with. ◾ A front end developer has one general responsibility:to ensure that website visitors can easily interact with the page.They do this through the combination of design,technology and programming to code a website's appearance,as well as taking care of debugging. ◾ The common technologies we can use in front-end development are: ◾ HTML ◾ CSS ◾ JAVASCRIPT
- 5. FRONTEND DEVELOPMENT TECHNOLOGIES ◾ HTML was first created byTim Berners-Lee,starting in 1989.It stands for HyperT ext Markup Language. ◾ Hypertext means that the document contains links that allow the reader to jump to other places in the document. ◾ A Markup Language is away thatcomputers speak to eachother to control how text is processed and presented. ◾ It describes the structure of a web page and consists series of elements. ◾ Its elements tells browser how to display the content. ◾ It’s code is written in Notepad or any text editor but save it as .htm or .html extension.
- 6. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..) ◾ CSS was first proposed by Hakon Wium Lie on October 10,1994 at CERN (European Organization for Nuclear Research). ◾ Cascading Style Sheets (CSS) describes how HTML elements are to be displayed on screen. ◾ CSS saves a lot of work. It can control the layout of multiple web pages all at once. ◾ It is also responsible for responsive layouts of a website. ◾ It is also written in any text editor but save as .css extension.
- 7. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..) ◾ Javascript was invented by Brendan Eich in 1995. ◾ Javascript is the Programming Language for theWeb. ◾ Javascript can update and change both HTML and CSS. ◾ Javascript is responsible for the Functioning of the website. ◾ It is a scripting language that enables us to create dynamically updating content,control multimedia,animate images,and pretty much everything else. ◾ It is also written in any text editor but add the .js extension.
- 8. EXAMPLE OF A WEBSITE
- 9. BACK END DEVELOPMENT ◾ Backend development controls what goes on behind the scenes of the web applications. ◾ It is also known as server side development. ◾ Backend usually consists of three parts: ◾ A server ◾ AnApplication ◾ A Database ◾ Users can’t see how the backend works but this code is what communicates the database information to the browser . ◾ Common Backend development technologies are: ◾ SQL ◾ PHP
- 10. BACKEND DEVELOPMENT TECHNOLOGIES ◾ SQL stands for Structured Query Language. ◾ SQL let us access and manipulate databases. ◾ SQL becameastandard of theAmerican National Standards Institute (ANSI) in 1986,and of the International Organization for standardization (ISO ) in 1987. ◾ SQL is a database language,it is used for database creation, deletion,fetching rows,and modifying rows,etc. ◾ It can retrieve data and executes queries against the database. ◾ Every website is supported by a database at the backend. Each time a user submits information or searches something in the website, data gets stored and retrived from the database. SQL is the language for qurying and storing data in the database.
- 11. BACKEND DEVELOPMENT TECHNOLOGIES (CONT..) ◾ 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. ◾ PHP is a server side scripting language that is embedded in HTML. ◾ It is used to manage dynamic content,databases, session tracking,even build entire e-commerce sites.
- 12. ◾ A web developer is a programmer who specializes in the development ofWorldWide Web applications using a client–server model. ◾ The applications typically use HTML, CSS and JavaScript in the client,PHP ,C#, Python,Node.js or Javain the server ,and http for communications between client and server . ◾ Web developers typically do the following: ◾ Meet with clients or management to discuss the needs and design of a website. ◾ Create and test applications for a website. ◾ Write code for the website,using programming languages such as HTML, CSS, etc. ◾ Work with other team members to determine what information the site will contain. ◾ Work with graphics and other designers to determine the website's layout. ◾ Integrate graphics,audio,and video into the website. ◾ Monitor website traffic. WHO ISA WEB DEVELOPER ?
- 13. TYPES OF WEB DEVELOPER ◾ There are 3 kinds of Web Developers – ◾ Front End Developer , ◾ Back End Developer and, ◾ Full Stack Developer . ◾ Front-End Developer :-They are responsible for how a website looks. They create the site's layout and integrate graphics,applications (such as a retail checkout tool),and other content.They also write web design programs in a variety of computer languages,such as HTML or JavaScript. ◾ Back-End Developer :- They are responsible for server-side web application logic and integration of the work front-end developers do. ◾ Full-Stack Developer :- A full-stack web developer is aperson who can develop both client and server software.They perform the task of both Front end and Back End Developer.
- 14. HOW A WEBSITEW ORKS ? When you type a web address into your browser : ◾ The browser goes to the D N S server,and finds the real address of the server that the website lives on. ◾ The browser sends an HTTP request message to the server ,asking it to send a copy of the website to the client. ◾ If the server approves the client's request,the server sends the client a "200 OK" message,which means "Of course you can look at that website! Here it is",and then starts sending the website's files to the browser as a series of small chunks called data packets. ◾ The browser assembles the Data Packets into a complete web page and displays it to you.
- 15. WEB DEVELOPER VS. WEB DESIGNER Web Developer ◾ Web Developers are more technical in nature. ◾ Web development refers to building user-friendly websites based on client’ s specifications. ◾ They transform designs into fully functional websites. ◾ Web development refers to the functionality of the website on how it works. ◾ Languages used are HTML, PHP ,J avaScript,CSS, Python,Ruby ,jQuery etc. Web Designer ◾ Web Designers are very creative in nature. ◾ Web designers are the aesthetic element. ◾ They transform the ideas into visually appealing designs. ◾ Web designs refers to how the websites looks and feels on the outside. ◾ Web designing tools includeAbobe Photoshop, Illustrater ,DreamWeaver,Sketch etc.
- 17. PROJECTS (CONT...) Flipkart Clone Project
- 18. PROJECTS (CONT...) Responsive Blogging W ebsite