大前端学习笔记-day01-HTML

大前端学习笔记-day01-HTML

1. 大前端课程体系

三要素:HTML CSS Javascript

  1. 重构
    html5 3天 3小时
    css3 10天
    项目驱动,项目内容融入到授课中(网易严选首页)
  2. 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
  3. 企业级开发阶段
    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)
  4. 拓展阶段
    服务器技术 nodejs、mysql
    其他企业级框架
    Vue *
    Angularjs
    React

2. 主流的软件开发模式

前后台分离开发
前端做前端的事情
1) 页面渲染
2) 数据交互(数据通信 浏览器-服务器) BS架构
后端做后端的事情
1) 数据交互(数据通信 Java - 数据库)
2) 数据交互 (数据通信 Java - 浏览器)
浏览器 - Java - Mysql

3. 职业规划

  1. 大前端工程师 *
  2. Java工程师 * (python/php/c#)
  3. 大数据工程师 就业与薪资!!!
  4. 人工智能工程师
  5. 嵌入式工程师

4. 大前端开发环境的搭建

写代码过程
1) 编写代码(编辑器)【vscode、sublime】
2) 运行 【浏览器(【firefox、chrome】opera、ie、safari、360)】
linux
前端的部署环境
apache2、nginx、ftp

5. vscode的使用

  1. 先创建工作目录
    D:
    briup
    1-html
    2-css
    3-js
  2. 通过vscode打开这个工作目录
    根据需要创建子目录及文件
  3. 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>

你可能感兴趣的:(HTML5)