登录免费注册

首页  思维导图  详情



 



前端整体学习路线

前端整体学习路线

2022-03-22 18:44:57   45  举报





前端整体学习路线

路线图

前端技术

前端学习路径

学习路线

前端开发

模板推荐

作者其他创作

大纲/内容

目标

PC端网站布局，最终实现“品优购”静态网站

目的

精通网页布局，为后续学习JavaScript打下基础

学习路线

HTML5基础（20%）

主要学习最常见的没有兼容性的HTML标签

目标

能够说出网页的基本组成

网页是构成网站的基本元素，其实就是一个html文件（后缀名为html）<br>

能够说出什么是HTML

超文本标记语言，用来描述网页的一种语言，由标签组成（图片、文字、超链接、音频、视频、动画等元素）

能够说出常用的浏览器

浏览器是网页显示、运行的平台

<b>谷歌</b>、火狐、IE、Edge、、Opera、Safari、360、UC

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

Trident、Gecko、Webkit、Blink

能够说出Web标准的三大组成部分

由W3C组织和其他标准化组织制定的一系列的集合

结构

用于对<b>网页元素</b>进行整理和分类，现阶段主要学习的是HTML

表现

用于设置网页元素的版式、颜色、大小等<b>外观样式</b>，主要指的是CSS

行为

指网页模型的定义及交互的编写，现阶段主要学习的是JavaScript

最佳体验方案：结构、样式、行为相分离（分别写到对应的文件中）

CSS3基础（50%）

主要学习最常见没有兼容性的CSS样式

利用前面学习的标签完成传统PC端网页布局

H5C3提高（10%）

有一定兼容性，可以与未来更好的接轨

项目-品优购电商网站（20%）

综合学习知识点，贴近于实际开发，制作品优购电商网站，完成首页、列表页、注册页制作

目的：学习网页制作实际开发制作流程规范

 Collect

Get Started

Web前端的学习路线

AI大模型学习路线图、技术路线图

 Collect

Get Started

AI大模型学习路线图、技术路线图

 Collect

Get Started

前端学习路线

 Collect

Get Started

前端学习路线













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document