SlideShare a Scribd company logo
Web dev#1
What Is Coding
• Code is language that allows humans to
communicate and interact with computers.
• There are three basic goals of coding
1. Functionality
2. Reusability
3. “Good” Style
Continuation
• Essentially, code needs to be useful as well as
efficient, and clean.
How Is Code Developed?
Code is usually written and tested in an IDE.
• An IDE (acronym) is an Integrated
Development Environment
• It is where a programmer creates and “runs”
code to test if it works properly.
• Often, much experimentation is needed to
work out the bugs in one’s code.
IDE
• IDEs are extremely important.
• For this course, we recommend a free multi-
platform IDE called NetBeans.
• Remember to always test your code after an
edit so that you can identify problems
immediately.
Basics of Web Dev
• Websites are created with a combination of
several programming languages, including:
– HTML
– CSS
– Javascript/JQuery/Angular JS
– PHP / SQL
Fundamental Web Dev Languages
• HTML stands for Hypertext Markup Language
• CSS stands for Cascading Style Sheet
• Together, HTML and CSS designs the basic
layouts, interfaces, and displays of web pages.
• Javascript allows for the creation of responsive
websites.
• While HTML and CSS “paint” and “draw” a
webpage, Javascript “animates” them.
• Angular JS is a javascript framework that is ued to
create mobile web apps.
More Advanced Languages
• PHP stands for Hypertext Preprocessor.
• Often, it works together with SQL (Structured
Query Language) to access and communicate
with databases.
• They are useful when creating account
systems on websites.
Categorization of Web Languages
• There exist two types of web languages: client
side languages (HTML, CSS, Javascript), and
server side languages (PHP). Languages such
as C#, C++ and Java are sometimes used as
server side languages as well
Explanation
• The Server is responsible for serving pages.
The Client requests pages from the Server, and
displays them to the user. In most cases, the
client is a web browser.
• The User uses the Client in order to surf the
web, fill in forms, watch videos online, etc.
Course Outline
• You don’t need to learn all those languages in
order to create your own website.
• If you want to create a basic website like a
blog, all you need is HTML and CSS

More Related Content

PPTX
Web dev-101
PDF
Presentation 1 Web--dev
PPT
Web 2.0
PPTX
Back to the Basics - 1 - Introduction to Web Development
PPTX
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
PPTX
14 technologies every web developer should be able to understand
PPTX
Week01 jan19
PPT
Introduction_Web_Technologies
Web dev-101
Presentation 1 Web--dev
Web 2.0
Back to the Basics - 1 - Introduction to Web Development
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
14 technologies every web developer should be able to understand
Week01 jan19
Introduction_Web_Technologies

What's hot (20)

PPTX
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
PPTX
Web Atoms - More Markup - Less Script
PDF
Web Design & Development Courses in Pune| 3DOT Technologies
PDF
Server Side VS Client Side
PPTX
Usability engineering Category specific guidelines(web structure)
PPTX
Client side & Server side Scripting
PPTX
Learning PHP!
PPT
What Is joomla - landau Design Reviews
PPT
What is Joomla?
PPT
COMPLETE CORE JAVA
PPTX
Server and Client side comparision
PPTX
Introduction
PPTX
Client side scripting and server side scripting
PPTX
Becoming a Software Developer
PPTX
Client side and server side scripting
PPTX
Summer training ppt
PDF
Php training in bhubaneswar
PPTX
Tips for Writing Better Code
PPT
What is PHP?
PPTX
Basic of web design
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Web Atoms - More Markup - Less Script
Web Design & Development Courses in Pune| 3DOT Technologies
Server Side VS Client Side
Usability engineering Category specific guidelines(web structure)
Client side & Server side Scripting
Learning PHP!
What Is joomla - landau Design Reviews
What is Joomla?
COMPLETE CORE JAVA
Server and Client side comparision
Introduction
Client side scripting and server side scripting
Becoming a Software Developer
Client side and server side scripting
Summer training ppt
Php training in bhubaneswar
Tips for Writing Better Code
What is PHP?
Basic of web design
Ad

Viewers also liked (9)

DOCX
nayem-cv update
PPT
bluemix_spark_service
DOCX
cv (1)
PDF
Balanceo dinamico de sistemas rotativos
PDF
ชุดที่ 1 ระบบภายในร่างกาย
DOCX
Oracle CRM Functional
PPTX
KDD 2016 Streaming Analytics Tutorial
PDF
Streaming Analytics
DOCX
เรื่อง เปลือกผลไม้พื้นบ้านกับน้ำยาลบคำผิด
nayem-cv update
bluemix_spark_service
cv (1)
Balanceo dinamico de sistemas rotativos
ชุดที่ 1 ระบบภายในร่างกาย
Oracle CRM Functional
KDD 2016 Streaming Analytics Tutorial
Streaming Analytics
เรื่อง เปลือกผลไม้พื้นบ้านกับน้ำยาลบคำผิด
Ad

Similar to Web dev#1 (20)

PDF
Become a webdeveloper - AKAICamp Beginner #1
PDF
Crash Course HTML/Rails Slides
PDF
A Complete Web Development Guide For Non-Technical Startup Founder
PDF
Making Of PHP Based Web Application
PDF
ATO- Intro to Web Concepts
PPTX
Choice of programming language for web developing.
PPTX
internship presentation 123445667890987a
PPTX
janhwi Singh 48 rollno web development.pptx
PPTX
Activity 5
PDF
Intro to web development
PPTX
Programming and the web for beginners
PPTX
Web Development for Beginners: A Step-by-Step Guide
PPTX
Mock Introduction to Web Development.pptx
PDF
ppt-190816105541 (2).pdf
PPTX
ppt of web designing and development
PPSX
web devs ppt.ppsx
PPTX
ashish ppt webd.pptx
PDF
WEB DEVELOPMENT FOR BEGINNERS
PDF
Class 6: Introduction to web technology entrepreneurship
PDF
Web development internship frontend sem .pdf
Become a webdeveloper - AKAICamp Beginner #1
Crash Course HTML/Rails Slides
A Complete Web Development Guide For Non-Technical Startup Founder
Making Of PHP Based Web Application
ATO- Intro to Web Concepts
Choice of programming language for web developing.
internship presentation 123445667890987a
janhwi Singh 48 rollno web development.pptx
Activity 5
Intro to web development
Programming and the web for beginners
Web Development for Beginners: A Step-by-Step Guide
Mock Introduction to Web Development.pptx
ppt-190816105541 (2).pdf
ppt of web designing and development
web devs ppt.ppsx
ashish ppt webd.pptx
WEB DEVELOPMENT FOR BEGINNERS
Class 6: Introduction to web technology entrepreneurship
Web development internship frontend sem .pdf

Recently uploaded (20)

PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Computing-Curriculum for Schools in Ghana
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Sports Quiz easy sports quiz sports quiz
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Complications of Minimal Access Surgery at WLH
PPTX
GDM (1) (1).pptx small presentation for students
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Classroom Observation Tools for Teachers
PPTX
Cell Structure & Organelles in detailed.
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
01-Introduction-to-Information-Management.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
O5-L3 Freight Transport Ops (International) V1.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Renaissance Architecture: A Journey from Faith to Humanism
Computing-Curriculum for Schools in Ghana
102 student loan defaulters named and shamed – Is someone you know on the list?
Sports Quiz easy sports quiz sports quiz
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPH.pptx obstetrics and gynecology in nursing
human mycosis Human fungal infections are called human mycosis..pptx
Complications of Minimal Access Surgery at WLH
GDM (1) (1).pptx small presentation for students
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Classroom Observation Tools for Teachers
Cell Structure & Organelles in detailed.
Supply Chain Operations Speaking Notes -ICLT Program
2.FourierTransform-ShortQuestionswithAnswers.pdf
01-Introduction-to-Information-Management.pdf

Web dev#1

  • 2. What Is Coding • Code is language that allows humans to communicate and interact with computers. • There are three basic goals of coding 1. Functionality 2. Reusability 3. “Good” Style
  • 3. Continuation • Essentially, code needs to be useful as well as efficient, and clean.
  • 4. How Is Code Developed? Code is usually written and tested in an IDE. • An IDE (acronym) is an Integrated Development Environment • It is where a programmer creates and “runs” code to test if it works properly. • Often, much experimentation is needed to work out the bugs in one’s code.
  • 5. IDE • IDEs are extremely important. • For this course, we recommend a free multi- platform IDE called NetBeans. • Remember to always test your code after an edit so that you can identify problems immediately.
  • 6. Basics of Web Dev • Websites are created with a combination of several programming languages, including: – HTML – CSS – Javascript/JQuery/Angular JS – PHP / SQL
  • 7. Fundamental Web Dev Languages • HTML stands for Hypertext Markup Language • CSS stands for Cascading Style Sheet • Together, HTML and CSS designs the basic layouts, interfaces, and displays of web pages. • Javascript allows for the creation of responsive websites. • While HTML and CSS “paint” and “draw” a webpage, Javascript “animates” them. • Angular JS is a javascript framework that is ued to create mobile web apps.
  • 8. More Advanced Languages • PHP stands for Hypertext Preprocessor. • Often, it works together with SQL (Structured Query Language) to access and communicate with databases. • They are useful when creating account systems on websites.
  • 9. Categorization of Web Languages • There exist two types of web languages: client side languages (HTML, CSS, Javascript), and server side languages (PHP). Languages such as C#, C++ and Java are sometimes used as server side languages as well
  • 10. Explanation • The Server is responsible for serving pages. The Client requests pages from the Server, and displays them to the user. In most cases, the client is a web browser. • The User uses the Client in order to surf the web, fill in forms, watch videos online, etc.
  • 11. Course Outline • You don’t need to learn all those languages in order to create your own website. • If you want to create a basic website like a blog, all you need is HTML and CSS