Scribd
Upload
5 views

Ch1 - Introdution To Web Programming

Uploaded by

omarobeidd03
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
5 views

Ch1 - Introdution To Web Programming

Uploaded by

omarobeidd03
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/ 16

Intro To Web Programming

Ch1-Introduction to Machine Learning

Dr. Gilbert Tekli – Web Programming – Ch1


Web Programming
• # of Credits: 3
• Description:
• Introduction to Web Technologies
• Introduction to Client-Server applications
• Introduction to online Databases
• Technology stack:
• HTML, CSS, Javascript, Jquery, Ajax, JSON, Php, MySql, Git
• Outcomes:
• Learning how to design websites and web apps
• How to debug web apps
• Familiarizing with Front-End Technologies
• Familiarizing with Back-End Technologies
• Understanding code versioning
• Understanding of MVC programming

Dr. Gilbert Tekli – Web Programming – Ch1


Web Programming Languages

Dr. Gilbert Tekli – Web Programming – Ch1


Dr. Gilbert Tekli – Web Programming – Ch1
Dr. Gilbert Tekli – Web Programming – Ch1
Dr. Gilbert Tekli – Web Programming – Ch1
Dr. Gilbert Tekli – Web Programming – Ch1
Web Apps as a Client/Server apps

Dr. Gilbert Tekli – Web Programming – Ch1


Dr. Gilbert Tekli – Web Programming – Ch1
Loading a page – HTTP Request/Response

Dr. Gilbert Tekli – Web Programming – Ch1


URL to IP resolver - DNS

Dr. Gilbert Tekli – Web Programming – Ch1


HTTP
• Hypertext Transfer Protocol (HTTP) is used as a communication
protocol between clients and servers
• Works as a request-response protocol
• Main methods:
• GET: used to request data from a specified resource
• POST: used to send data to a server to create/update a resource

Dr. Gilbert Tekli – Web Programming – Ch1


Front End Stack
• HTML: Hypertext Markup Language, is a markup language for the web that
defines the structure of web pages
• CSS: Cascading Style Sheets is a stylesheet language that instructs the
browser how we want our HTML to appear; it is not a programming
language. CSS describes how HTML elements should be displayed
• JS: JavaScript is a programming language that is one of the core
technologies of the World Wide Web

HTML is the structure of a house, CSS is the interior and exterior decor, and
JavaScript is the electricity, water system, and many other functional features
that make the house livable

Dr. Gilbert Tekli – Web Programming – Ch1


HTML tag

Dr. Gilbert Tekli – Web Programming – Ch1


Basic Tags
• A text header, denoted using the <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
• A paragraph, denoted using the <p> tag.
• A horizontal ruler, denoted using the <hr> tag.
• A link, denoted using the <a> (anchor) tag.
• A list, denoted using the <ul> (unordered list), <ol> (ordered list) and <li>
(list element) tags.
• An image, denoted using the <img> tag
• A divider, denoted using the <div> tag
• A text span, denoted using the <span> tag

Dr. Gilbert Tekli – Web Programming – Ch1


Legacy tags but important to know (still used)
• Table <table>
• Table header <th>
• Table row <tr>
• Table cell <td>

Dr. Gilbert Tekli – Web Programming – Ch1

You might also like