Download to read offline
Uploaded byCETPA Infotech
Basics about front-end
Frontend development involves using HTML, CSS, and JavaScript to build the graphical user interface of a website. HTML provides structure and semantics, CSS handles layout and styling, and JavaScript adds interactivity. HTML tags give meaning to content, CSS rules define how elements are presented, and JavaScript manipulates web pages and adds functionality beyond just structure and presentation. Together, text, HTML for content, CSS for styling, and JavaScript for interactivity combine to create functional and interactive web pages.
Basics about front-end
- 1. M A DE B Y - K H U S H I M I T T A L BASIC KNOWLEDGE ABOUT FRONTEND DEVELOPMENT
- 2. TABLE OF CONTENT •WHAT IS FRONT-END??? • LAYERS OF WEB DESIGNING • HTML • CSS • WEB PAGE • WHAT IS JAVASCRIPT
- 3. WHAT IS FRONTEND??? Front-end development is the development of graphical user interface of a website using HTML,CSS and JavaScript.
- 4. 3 LAYERS OFWEB DESIGNING HTML JavaScript CSS
- 5. Let’s take theexample of a page
- 6. What is HTML??? HTML HYPERTEXT MARKUP LANGUAGE =
- 7. HTML HTML isa standard markup language for documents designed to be displayed in a web browser. Without any markup to give your page content structure, the browser renders unformatted and unstyled text. HTML tags give structure and meanings to the content. Some examples of HTML tags are- <p>helps to write paragraph</p>, <table></table>- used to display tables. <img></img>- use to add image.
- 8. Page with andwithout HTML Page with HTML Page without HTML
- 9. What is CSS??? = CascadingStyle Sheet CSS
- 10. CSS CSS isa set of rules defining how an HTML element will be “presented” in the browser. Example of CSS rules applied on an HTML tag: Let the HTML tag is: <p class=“title” id=“title”>This is a paragraph</p> If we want to print this line in Red color. Its CSS will be: p{ color: red;} OR .title{ color: red;} OR #title{ color: red;} Output on applying this style- This is a paragraph
- 11. Things you canand can’t change using CSS Color Font Font-size Backgrounds Spacing Sizes Borders Position • Content • Markup Things we can change Things we can’t change
- 12. How the demopage will look after applying CSS? Our page is started looking perfect after applying CSS in it!!!
- 13. Web Pages The combinationof text, HTML, and CSS makes a web page. i.e. Text HTML CSS = WEB PAGE
- 14. What is JavaScript??? ClassicJavaScript is a client side language used to add interactivity to the web pages.
- 15. JavaScript At thebeginning JavaScript was designed to manipulate web pages. But today its usage are much wider. We can also use JavaScript outside the web pages and browsers.