web 开发与php - github pagesyangliang.github.io/ppt/php/01-web.pdf · 2020-06-27 · qa op pm:...

18
Web 开发与PHP 杨亮

Upload: others

Post on 10-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

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

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

为什么要从事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

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

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

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

如果让你来设计⼀一种语⾔言

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

什么是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

什么是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

什么是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

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
Page 12: 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

http://www.cnbeta.com/articles/182533.htm

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
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

什么是 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

为什么要学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

怎么学习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

常⽤用⼯工具

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

安装使⽤用上述软件