pras ppjznsms zkskmssia znjzmsmsmkM JKamens

RudreshPvb 9 views 12 slides Jul 29, 2024
Slide 1
Slide 1 of 12
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12

About This Presentation

Elle ksn uejsjznzmzmz z. Znxbsjzjzndnjdjdjxjxnnxbx zxvdjzmsjzjd


Slide Content

VISVESVARAYA TECHNOLOGICAL UNIVERSITY BELAGAVI, KARNATAKA-590018 Internship on “ Full stack web development ” Presented by : Prashanth : 3ng21ec025 DEPARTMENT OF ELCTRONICS AND COMMUNICATION ENGINEERING GOVERNMENT COLLEGE OF ENGINEERING, GANGAVATHI VIPRASAI NAGAR, GANGAVATHI, KARNATAKA-583227 2023-24

What is full stack web development? Full stack web development refers to the practice of developing both the front-end (client side) and back-end (server side) portions of a web application Who is web developer ? A full stack developer is proficient in working with all layers of a web application, including the user interface (UI),server-side logic, databases, APIs,and other necessary components. These developers are not expert in everything but have but simply have the functional knowledge To finish and develop the entire product

Basic requirement to build a website

HTML is the standard markup language for creating web pages JavaScript I a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive CSS stands for Cascading style sheets.It is the language for describing the presentation of web pages , including colors,layout,and fonts,thus making our web pages presentable to users

This Photo by Unknown Author is licensed under CC BY-SA

Role of HTML in building a website HTML stands for hyper text markup language HTML is the standard markup language for creating web pages HTML describes the structure of the webpages HTML consist of a series of elements HTML elements tell the browser how to display content HTML elements label pieces of content such as “this is a heading” ,”this is a paragraph”,”this is a link”,etc

Role of 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 External style sheets are stored in CSS files

Roles of JavaScript JavaScript which is often known as JS is a high level dynamic interpreted programming language It allows client-side scripting to create completely dynamic web applications and websites.

Basic structure of a website <!DOCTTYPE html> <html lang=‘ en ’> <head> <meta charset=“UTF-8”> <meta http- equiv =“X-UA-Compatible” Content=“IE=edge”> < mera name=“viewport” Content=“width=device- width,initial -scale=1.0”> <title>Document</title> </head> <body> </body> </html <!Doctype> This tag is used to specify the version of HTML <html> it represents root of an HTML document <meta> it defines metadata of an HTML document <head> it defines the head section of an HTML document <title> it defines the title or name of an html document <body> it is used to define the body section of an HTML document

Inline,Internal,External CSS Inline CSS allows you to apply a unique style to one HTML element at a time.You can assign the inline CSS to a specific HTML element by using the style attribute with any CSS properties defined within it. <body> <h1>inline CSS</h1> <p style=“ color:red ;”>inline CSS to a specific HTML </p> </body> Internal CSS is used to define a style tag for a single HTML page,It is defined in the <head> section within a <style> element. External CSS is mostly used when you want to make changes on multiple pages.It is an ideal condition because it facilitates you to change the look of the entire website by changing just one file.we will add the stylesheet in the <head> section using <link> tag <link rel =“stylesheet” href =“external.CSS”>

Conclusion Conclusion : In conclusion, mastering full-stack web development requires dedication, curiosity, and a commitment to lifelong learning. By embracing these principles, you can build exciting, impactful web applications that delight users and drive business success.

THANK YOU