# 一、博学谷前端知识图谱 ( 🔎 👀)

image-20210401142550267

# 二、前端学习辅助软件下载

# 1、代码编辑器,前端开发工程师必备:vsocde (opens new window)

# 2、高效易用的自动标注工具, 生成前端代码, 设计研发协作利器:PxCook (opens new window)

# 3、程序员必备开发浏览器:chrome (opens new window)

# 4、思维导图和头脑风暴软件,让梳理知识点更清晰:xmind (opens new window)

# 5、Markdown 编辑器,可用于做笔记:typora (opens new window) 提取码: 2wj9

# 6、在线笔记工具,手机、电脑同步,随时随地笔记:有道云笔记 (opens new window)

# 三、学习资料分享

TIP

😁 温馨提示:

1、请使用 xmind 打开以下资料xmind (opens new window)

2、报名博学谷前端就业班、会员制的同学们可以在课程资料中下载课程全部知识脑图资料哦

# 1、第一阶段:HTML+CSS 阶段知识脑图

HTML+CSS 阶段知识脑图链接 (opens new window) 提取码: s03u

# 2、第二阶段:移动 web 网页开阶段知识脑图

移动 web 网页开阶段知识脑图链接 (opens new window) 提取码: w02b

# 四、博学谷前端就业班阶段作业设计图

TIP

😁 温馨提示:

1、报名博学谷前端就业班、会员制的同学可在课程资料中下载设计图中的素材和分析视频哦

2、阶段作业考试是需要各位同学们独立完成的哈!(如果某些地方不会做,需复习对应的知识内容)

3、阶段作业考试就是检测大家是否学会了,如果自己学会了,阶段作业就能做出来,反之……

# 1、第一阶段作业设计图:博学谷新官网首页 (opens new window)

# 2、第二阶段作业设计图:博学谷移动 web 网页 (opens new window)

# 3、第三阶段作业:基于 HTML+CSS 开发完毕的网页,使用 JS 实现交互效果

# 4、第四阶段作业:博学谷官网移动端 (opens new window)

# 5、第五阶段作业:博学谷新闻头条移动端 (opens new window)