Scribd
Upload
35 views13 pages

Ayush Raj 2

Uploaded by

ayushraj2925
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
35 views13 pages

Ayush Raj 2

Uploaded by

ayushraj2925
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

SUMMER INTERNSHIP ON

FRONT-END WEB DEVELOPMENT

DEPARTMENT OF CSE –AI&ML /IOT

CO-ORDINATOR :-
Mrs.S.DIVYA JABILLI DEVI
ADITYA COLLEGE OF PRESENTED BY :-
AYUSH RAJ
ASSISTANT PROFESSOR ENGINEERING 22MH5A4902
TOPICS
➢INTRODUCTION
➢HTML (HYPER TEXT MARKUP LANGUAGE)
➢CSS (CASCADING STYLE SHEET)
➢JAVASCRIPT
➢FRAMEWORKS
➢CONCLUSION
INTRODUCTOION

• Front-end development is the process of creating the visual and interactive elements of
the website or web application.
• Front-end development is also known as client-side development is the relevant of
producing HTML, CSS, JavaScript for a Website and Web Application.
• Using web application user can see and interact directly.
• The main purpose of designing a website is to ensure that when the users opens up the
site they see the information in a format that is easy to read and relevant.
• It includes the technologies which run on the user side.
HTML(HYPERTEXT MARKUP LANGUAGE)

• Hypertext Markup Language(HTML) is the standard language for creating web pages
and web application.
• HTML describes how the structure of the pages or application should look. Using html
we can connect to CSS for styling our pages.
• HTML elements are defined by a start tag, some content, and an end tag. The start tag is
enclosed in angle brackets(< >) and contains the element name.
• The end tag is same as the start tag, but with a forward slash(/) before the element name.
• For example a paragraph element is defined as <p> This is a paragraph. </p>.
CSS(CASCADING STYLE SHEET)
• Using Cascading Style Sheet is a style sheet language used to describe our page or application
to look more attractive and colourful.
• It is designed to enable the separation of pages, content, including layouts, colors and fonts.
• It is used to style the appearance of web pages, including the layout, fonts, colors, and other
visual elements
• There are three ways to style a web pages-
1.Inline Style
2.Internal Style Sheet
3.External Style Sheet (CSS)
JAVASCRIPT

• JavaScript is a high-level, interpreted programming language that is one of the core


technologies of the world wide web, alongside HTML and CSS.
• In JavaScript we can do multiple functionality to navigate or creating forms we can use JS to
work that function. In simple words JavaScript is the behaviour of web pages.
• We can also write JavaScript application in various places like notepad, developer tools, etc.
• In notepad we need to save with .js extension.
• It is used to add interactivity to web pages and to create web application.
FRAMEWORKS
• A frameworks is a collection of tools and libraries that can be used to build software applications. It
provides a pre-built foundation for developers to work from, which can save time and effort.
• There are many different types of frameworks available, including frameworks for web
development, mobile web development, and desktop app development.
• Web Development Frameworks:
• Django: A high-level Python web framework that encourages rapid development and clean design.
• Ruby on Rails (Rails): A web application framework written in Ruby that follows the Model-View-
Controller (MVC) pattern.
• React: A JavaScript library for building user interfaces, often used in conjunction with other
frameworks or libraries like Redux.
• Angular: A comprehensive front-end framework for building dynamic web applications.
CONCLUSION

• Front-end development can be used to create lot of websites and web application in very
creative manner. It also helps to look our page attractive.
• It is used to build a wide variety of web-based applications, including:-Static Websites,
Dynamic Websites, Web Applications, Progressive Web Apps.
• Front-end development is a versatile skill that can be used to create a wide variety of
digital products.
• It is high in demand and there are many opportunities for career growth in this field.
• It can be also used to create user interfaces for other types of software, such as desktop
applications and mobile apps.
THANK YOU!
-22MH5A4902

You might also like