Microsoft dynamics ax 2012 development introduction part 1/3
Introduction to Web Development: Part 1
-
Upload
bill-condo -
Category
Technology
-
view
523 -
download
3
description
Transcript of Introduction to Web Development: Part 1
![Page 1: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/1.jpg)
Intro to Web Development01: Laying the Foundation
![Page 2: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/2.jpg)
A. FOUNDATION / SERVICESUNDERSTANDING THE REQUEST PROCESS
![Page 3: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/3.jpg)
Let’s make a request
FRONT-END BACK-ENDINTERNETCLIENT SERVER
(1) REQUEST FUNDABLE.COM (2) REQUEST IS ROUTED (3) REQUEST RECEIVED
(5) RESPONSE ROUTED(6) RESPONSE PROCESSED (4) RESPONSE SENT
![Page 4: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/4.jpg)
A look into a web server
OS + Web Service
Code Data
![Page 5: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/5.jpg)
Today’s Fundable server
![Page 6: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/6.jpg)
Tomorrow’s server
![Page 7: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/7.jpg)
A look into a browser
HTML/DOM Parser
Javascript Engine
CSS Parsing
![Page 8: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/8.jpg)
Looking at a response
STATIC CONTENT STYLE RULESJAVASCRIPTHTML CSS
DYNAMIC ACTION
![Page 9: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/9.jpg)
B. FOUNDATION / MARKUPADDING BASIC HTML AS YOUR FIRST TOOL
![Page 10: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/10.jpg)
Basic HTML Tags<p> Paragraph
<a> Anchor (Link)
<br> Line Break
<h#> Headings (1-6)
<img> Image
<hr> Horizontal Rule
<div> “Strong” Container
<span> “Weak” Container
<table> Data Table
<ul> Unordered List
<ol> Ordered List
<form> Form
<input> Various Form Fields
<select> Multi-Choice Selection
![Page 11: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/11.jpg)
Basic HTML Structure
![Page 12: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/12.jpg)
Basic HTML Structure
![Page 13: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/13.jpg)
Let’s edit liveHTML + Live Previewhttp://htmledit.squarefree.com
![Page 14: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/14.jpg)
C. QUESTIONS & RESEARCHRECOMMENDED RESOURCES + QUESTION TIME
![Page 15: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/15.jpg)
HTML Resources
lynda.com
developer.mozilla.org/en-US/learn/html
sitepoint.com
teamtreehouse.com
![Page 16: Introduction to Web Development: Part 1](https://reader033.fdocuments.in/reader033/viewer/2022052906/558b4e9fd8b42a78688b45e5/html5/thumbnails/16.jpg)
Let’s discuss
How many people are somewhat comfortable?
What are you stuck on?
What area would you like to focus on next time?(a) CSS, (b) Javascript, (c) Server Side / PHP