Tech Seminar
Tech Seminar
TECHNICAL SEMINAR BY
9/4/20XX
Conclusion.
Introduction to Web
Development
Web Development refers to the process of building, creating, and maintaining
websites.
Web Development was emerge in early 1990s.
It’s also known as “web-programming”.
Involves web design, web publishing, web programming, and database
management.
Web Development divided in to 2 parts:-
1.Frontend development
2.Backend development
What is Front-End
Development?
Front-end development focuses on the user interface and user experience.
It’s also known as “Client-side development”.
Front-end development focuses on creating everything that users see and
interact with on a website or web application.
The goal is to make the site easy and enjoyable to use.
Uses languages like HTML, CSS, and JavaScript .
Everything the user interacts with in a browser
What is Back-End
Development?
Back-end development handles the server-side logic.
Back-end development controls what goes on behind the scenes of website.
Common back-end programming languages include Python, Java, Node.js, PHP, and
Ruby.
Involves databases, server configuration, and server-side programming.
Users cant see how the backend works but this code is what communicates the
database information to the browser.
Security: Back-end developers ensure the website or app is secure, preventing
sensitive user information(like passwords).
Authentication & Authorization: They manage how users log in, sign up, and
access different parts of the site based on their roles.
Why Web Development?
Basic Structure: HTML is the basic building block of all websites. It creates the structure of a
webpage.
HTML is Markup Language means its not programming language(doesn’t contain logic) computer
can communicate each other, how text and different element are presented on a web.
Uses Tags like:- <P> paragraph, <h1> heading, <a> link, etc…
Responsive Design: HTML works with CSS to help create responsive designs that look good on
all devices, from phones to desktops.
Web Browsers: Browsers like Chrome or Firefox read the HTML code and display it as a
webpage.
11 What is CSS?
Cascading style sheet (CSS) is used to style HTML elements, controlling how they
look on the page.
Colors and Fonts: You can change colors, fonts, sizes, and spacing of text using
CSS.
Layout Control: CSS helps arrange elements on a webpage, allowing you to create
different layouts (like grids or columns).
Responsive Design: CSS allows you to create responsive designs that adapt to
different screen sizes using media queries.
Animations: CSS can create simple animations and transitions, adding visual
effects to elements.
Handle Requests: They help the server respond to user requests, like when you
log in or submit a form.
Connect to Databases: Programming languages let the application read and
write data in databases, so it can store information like user profiles and
posts.
Set Rules: They define how the application should behave, like what happens
when a user clicks a button.
Create APIs: Programming languages are used to build APIs, which let different
parts of an application to communicate to each other.
Improve Performance: They allow for making the application run faster and
more efficiently.
User Access: When you want to visit a website, you enter its address (URL) into a web
browser (like Chrome or Firefox) or click on a link.
Domain Name System (DNS): The browser sends a request to the DNS, which translates
the website's domain name (like www.example.com) into an IP address, the numerical address
of the server where the website is stored.
Server Request: The browser sends a request to the server using the IP address to access
the website's files.
Server Response: The server receives the request, processes it, and sends back the
website's files (like HTML, CSS, JavaScript, images, etc.) to the browser.
Rendering the Page: The browser receives these files and uses them to build and display the
website on your screen. It reads the HTML to create the structure, applies the CSS for styling,
and runs any JavaScript for interactive features.
Interactivity: If the website has interactive elements (like buttons or forms), the browser can
send additional requests to the server to get or send information, allowing for dynamic content
updates without refreshing the whole page.
Server-side
Development
It ensures that everything on the client-side (frontend) functions correctly
by managing the data and server-side processes.
Server-side development ensures that users can interact with the application
effectively and securely.
• Programming Languages: Common languages for server-side development
include: JavaScript, python, java, php, ect….