Scribd
Upload
5 views

Ch1 - Introdution To Web Programming

Uploaded by

omarobeidd03
Copyright
© © All Rights Reserved
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
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