Scribd
Upload
3 views15 pages

RANJINI

The document outlines the process of web development, covering key elements such as frontend and backend development, databases, and essential tools. It details a structured internship experience that includes learning HTML, CSS, JavaScript, PHP, and MySQL, culminating in practical projects. The internship provided hands-on experience and enhanced both technical and soft skills for a future career in web technologies.

Uploaded by

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

RANJINI

The document outlines the process of web development, covering key elements such as frontend and backend development, databases, and essential tools. It details a structured internship experience that includes learning HTML, CSS, JavaScript, PHP, and MySQL, culminating in practical projects. The internship provided hands-on experience and enhanced both technical and soft skills for a future career in web technologies.

Uploaded by

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

WEB DEVELOPMENT

WHAT IS WEB
DEVELOPMENT?

Web Development is the process of creating and


maintaining websites or web applications that run on the internet.

It includes:
• Frontend Development – User interface
• Backend Development – Server-side logic
• Databases – Data storage and retrieval
KEY ELEMENTS IN WEB DEVELOPMENT

Key Elements in Web Development:

• Frontend: HTML, CSS, JavaScript


• Backend: PHP
• Database: MySQL
• Responsive Design: Media Queries, Bootstrap
• Project Deployment & Integration
Essential Tools in Web Development

• VS Code • Netlify
• Git • Vercel
• GitHub • MySQL
• XAmpp • Chrome DevTools
• Bootstra • PHP
p • Canva
• Figma
WEB DEVELOPMENT
INTERNSHIP
Day 1 to 3

1.Introduction to web development, structure of a website


2.Learned HTML basics, tags, headings, paragraphs
3.Lists, links, images, and tables in HTML

HTML (Hyper Text Markup Language) is the foundation of any website.


It’s used to create the structure and content of a website, from
headings and paragraphs to links and images.
This language is the bedrock upon which web pages are built,
providing the essential framework that holds all other elements in
place.
Day 4 to
6
1.HTML forms, input elements, form validation basics
2.CSS introduction, selectors, properties
3.Text styling, margins, padding, borders

CSS (Cascading Style Sheets) is used to control the visual


presentation of a website.It allows developers to:
• Set colors
• Define fonts
• Create layouts
• Add animations and transitions
• Control the positioning of
elements.
Day 7 to 9

•Box model, positioning, background styling

•Flexbox and layout techniques

•Responsive design basics using media queries

•Background styling in web development involves using CSS


properties to customize the background of HTML elements,
affecting their visual appearance. This can include setting a
background color, using images, or creating gradients.
Day 10 to 12

•Bootstrap intro, grid system, containers

•Bootstrap buttons, cards, navbars, and components

•Bootstrap forms and responsive layouts

Bootstrap is a free, open-source, and popular front-end framework


used for building responsive and mobile-first websites and web
applications. It simplifies web development by providing a collection
of HTML, CSS, and JavaScript tools and components.
Day 13 to 15

•JavaScript intro, variables, data types

•Functions, events, and DOM manipulation

•Arrays, loops, conditions in JavaScript

JavaScript is a programming language that adds interactivity to


websites.
It's the scripting language that brings web pages to life, allowing users
to interact with elements and create dynamic content. It works
alongside HTML and CSS to make web pages responsive and engaging.
Day 16 to
18
•Simple form validation using JavaScript
•PHP introduction, syntax, and variables,conditions, loops, and
functions
•PHP is a server-side scripting language embedded in HTML in its
simplest form. PHP allows web developers to create dynamic content
and interact with databases.

Basic PHP Syntax:


<?php
//php code goes here
?>
Day 19 to
21
•MySQL basics, database, table creation

•PHP-MySQL connection, data insertion, display

•Mini project combining HTML, CSS, JS, PHP, MySQL

•MySQL is a relational database management system (RDBMS) that


plays a crucial role in web development by providing a reliable and
efficient way to store, retrieve, and manage data. It's used
extensively for creating dynamic web applications that require
persistent storage of user data, application settings, and other
information.
CODE FOR PHARMACY
MANAGEMENT WEBSITE
USING HTML , CSS , JAVASCRIPT
INTERNSHIP
EXPERIENCE
I had the opportunity to attend a web development internship
offered by CodeBind Technology, which was a valuable and eye-
opening experience.

This internship was focused on giving students a strong practical


foundation in full-stack web development using both frontend and
backend technologies.

It provided me with a structured learning environment to explore


how modern websites and applications are created and deployed.
Through practical sessions and project work, I developed a clearer
understanding of how the frontend and backend components connect
to create a full web application.

For example, I built simple websites with login functionality where


user data was stored in a MySQL database and processed using PHP.

It helped me boost not only my technical knowledge but also soft


skills like communication, time management, and collaboration with
peers.

It gave me hands-on experience in web development and laid a


strong foundation for a future career in web technologies.
THANK
YOU !

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy