![Page 1: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/1.jpg)
Web 开发与PHP杨亮
![Page 2: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/2.jpg)
为什么要从事Web开发• 互联⺴⽹网是发展最好的⾏行业
• 会有成千上万⼈人使⽤用你的产品
• 相对容易找到⼯工作
• 赚钱最多的⼯工作之⼀一
• 可以解决⾃自⼰己的实际问题
• 可以告诉家⼈人我在做什么
• 。。。。
![Page 3: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/3.jpg)
Web产品流程
⽤用户 PM
UE
RD
FE
QA OP
PM: Project & MarketingUE: User ExperienceFE: Front-End Engineer
RD: Research & DevelopmentQA: Quality AssuranceOP: Operator
![Page 4: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/4.jpg)
Web基本流程
PC Mobile
服务器(Apache)
(IIS)
后端脚本(PHP) (JSP) (ASP)
数据库(MySQL) (Oracle) (Access)
HTTP 请求
对应⽂文件 获取数据
返回数据返回⻚页⾯面返回⻚页⾯面
请求⻚页⾯面
服务器端客户端
html cssjavascript
html cssjavascript
![Page 5: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/5.jpg)
Web开发⼈人员需要关注
后端脚本(PHP) (JSP) (ASP)
数据库(MySQL) (Oracle) (Access)
html cssjavascript
前端⼯工程师 后端⼯工程师
接受请求
获取数据
处理数据
拼接⻚页⾯面
组织数据
PC Mobile
⻚页⾯面内容
⻚页⾯面外观
⻚页⾯面⾏行为
html
CSS
JavaScript管理数据
![Page 6: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/6.jpg)
如果让你来设计⼀一种语⾔言
![Page 7: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/7.jpg)
什么是HTMLHyperText Markup Language
<tag attribute1=“value1” attribute2=“value2”/>
<tag attribute1=“value1” attribute2=“value2”> …</tag>
Extensible Markup Language
只是为了说明内容和结构,与外表⽆无关
![Page 8: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/8.jpg)
什么是CSSCascading Style Sheets
外貌协会
![Page 9: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/9.jpg)
什么是JavaScriptJavaScript vs. Java Script
![Page 10: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/10.jpg)
HTML只是为了说明内容和结构,与外表⽆无关
CSS负责将HTML元素的外观
JavaScript负责所有⻚页⾯面的交互及动作
三驾⻢马⻋车
![Page 11: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/11.jpg)
![Page 13: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/13.jpg)
![Page 14: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/14.jpg)
什么是 PHPPersonal Home Page
脚本语⾔言:编写+运⾏行
很像C语⾔言,但是简单很多
满屏都是$$$$$$$$$
开源软件跨平台
将程序嵌⼊入到HTML中执⾏行
弱语法:没有指针,不约束变量类型,⼤大量内置函数
![Page 15: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/15.jpg)
为什么要学PHP• ⼤大家都在⽤用
• 社会需求旺盛
• 可以深⼊入可以浅出
• 快速开发
• ⼤大量可以⽤用的库和框架
• ⽐比C语⾔言容易很多很多
• 总要掌握⼀一⻔门吃饭的⼿手艺
![Page 16: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/16.jpg)
怎么学习PHP• 任务驱动-It works.
• 积极动⼿手-10,000⼩小时的练习时间
• 有问题Google⼀一下-学会翻墙很重要
• 多去逛逛技术论坛和博客-⾃自⼰己开个博客
• 多看别⼈人写的代码-丰富的开源软件
![Page 17: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/17.jpg)
常⽤用⼯工具
Sublime
![Page 18: Web 开发与PHP - GitHub Pagesyangliang.github.io/ppt/php/01-Web.pdf · 2020-06-27 · QA OP PM: Project & Marketing UE: User Experience FE: Front-End Engineer RD: Research & Development](https://reader034.vdocuments.pub/reader034/viewer/2022042420/5f3840ad794e0317c02258de/html5/thumbnails/18.jpg)
安装使⽤用上述软件