大前端学习笔记-day01-HTML
1. 大前端课程体系
三要素:HTML CSS Javascript
- 重构
html5 3天 3小时
css3 10天
项目驱动,项目内容融入到授课中(网易严选首页) - dom驱动阶段
linux操作系统 5天
mac系统、ubuntu16.04(8G + 固态硬盘)、阿里云服务器(腾讯云、百度云)10元/月
js、java、c、c++
1. 学习编程(科学)
2. 服务器,外网ip
Javascript 12天
ES5、dom、bom(alert、ajax)
jQuery/H5 api 5天
打扫卫生
单页 扫把去打扫 人力 dom(通过js操作html/css的过程)
作业 120平米 打扫 吸尘器(戴森) jquery
中大型项目 1000平米 保姆 vue - 企业级开发阶段
Javascript(ES6)
vue、vuerouter、vuex、element-ui、axios …
app 混合式app开发模式,weex(vue语言) -> android/ios app(媲美原生 90%+)
苹果手机 iphone11 pro max 1w
小米手机 1k
凡事存在皆有理
微信小程序
语法基本与vue类似
微信公众号
响应式布局的网页(html/css/vue) - 拓展阶段
服务器技术 nodejs、mysql
其他企业级框架
Vue *
Angularjs
React
2. 主流的软件开发模式
前后台分离开发
前端做前端的事情
1) 页面渲染
2) 数据交互(数据通信 浏览器-服务器) BS架构
后端做后端的事情
1) 数据交互(数据通信 Java - 数据库)
2) 数据交互 (数据通信 Java - 浏览器)
浏览器 - Java - Mysql
3. 职业规划
- 大前端工程师 *
- Java工程师 * (python/php/c#)
- 大数据工程师 就业与薪资!!!
- 人工智能工程师
- 嵌入式工程师
4. 大前端开发环境的搭建
写代码过程
1) 编写代码(编辑器)【vscode、sublime】
2) 运行 【浏览器(【firefox、chrome】opera、ie、safari、360)】
linux
前端的部署环境
apache2、nginx、ftp
5. vscode的使用
- 先创建工作目录
D:
briup
1-html
2-css
3-js - 通过vscode打开这个工作目录
根据需要创建子目录及文件 - hello world
在day01中新建一个文件,hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>你好,html</title>
</head>
<body>
<p>这是我的第一个网页</p>
<h1 style="color: lightpink;">XX</h1>
<img src="./xxx.jpg"wideth="500px"alt="">
</body>
</html>