前端小白基础学习课程大纲

author author     2022-09-10     408

关键词:

第一部分 html与css入门 共100课时


第一阶段:页面制作基础

从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!

 


课时 名称

1 html简介

2 html骨架

3 元标签-编码

4 元标签-关键字与描述

5 标签空白符

6 标题标签

7 段落标签

8 注释

9 块元素与行内元素

10 超链接

11 图片标签

12 绝对路径与相对路径

13 无序列表

14 有序列表

15 列表嵌套

16 定义列表

17 表格

18 单元格拆分与合并

19 表格头尾

20 表单元素

21 下拉框与文本输入框

22 表单分组

23 常见字符实体

24 文字标签

25 语义化标签

26 废弃标签

27 css简介

28 css三种书写方式

29 css常见选择器

30 id选择器与类选择器注意事项

31 选择器组合

32 后代选择器

33 交集选择器与并集选择器

34 选择器通配符

35 腾讯新闻列表

36 选择器权重

37 就近原则

38 样式引入方式权重比较

39 权重计算练习

40 important提升权重

41 盒模型

42 IE盒模型

43 内边距与外边距

44 边框属性

45 盒子居中

46 外边距重计算盒子宽度

47 文字属性

48 css常见单位

49 文字修饰属性

50 文字属性继承性

51 文字水平居中与垂直居中

52 图片元素排版

53 超链接标签默认样式

54 腾讯体育

55 超链接标签伪类

56 伪元素

57 背景样式与图片

58 背景平铺与背景位置

59 背景在SEO中的应用

60 块元素设置背景

61 行内元素设置背景

62 伪元素设置背景

63 水平精灵图

64 垂直精灵图

65 定点精灵图

66 hao123

67 四种箭头

68 hao123箭头

69 css绘制集合图形

70 块元素与行内元素特性

71 块元素与行内元素转化

72 浮动元素

73 浮动元素与文档流

74 浮动元素特性

75 浮动元素与边距

76 浮动元素父元素高度丢失

77 清除浮动

78 清除浮动的7中方式

79 新浪布局

80 列表布局

81 双飞翼布局

82 圣杯布局

83 排查错误

84 相对定位

85 表单对齐

86 新浪tab栏

87 绝对定位

88 子绝父相

89 jd轮播图

90 文本居中,行内元素居中与块元素居中

91 优酷

92 固定定位

93 遮盖

94 拼爹

95 html 注释 hack

96 css属性hack

97 IE6-交集选择器与DTD内减盒模型

98 IE6-最小高度与盒子位置

99 IE6-overflow与透明度

100 IE6-双倍margin与3像素bug


本文出自 “爱创课堂” 博客,请务必保留此出处http://13035207.blog.51cto.com/13025207/1951525

适合零基础小白学习的ui设计方法及课程大纲分享(代码片段)

ui界面设计教程学什么?首先想要学习ui设计,你得了解ui界面设计是什么?只有了解清楚了你才能更好的去开展学习。对于很多从零基础开始学习ui设计的人来说,不知道ui要学会哪些内容才能更好的工作,所以今天就把ui界面设... 查看详情

spark修炼之道——spark学习路线课程大纲

课程内容Spark修炼之道(基础篇)——Linux基础(15讲)、Akka分布式编程(8讲)Spark修炼之道(进阶篇)——Spark入门到精通(30讲)Spark修炼之道(实战篇)——Spark应用开发实战篇(20讲)Spark修炼之道(高级篇)——Spark源代码... 查看详情

人工智能学习方法:课程大纲计划内容

提到人工智能大家的第一反应就是小白可以自学人工智能吗?人工智能开发如何入门?基于这些问题黑马程序员特地整理最新的人工智能学习路线图,帮助大家了解人工智能学什么,每一个阶段应该掌握什么内容... 查看详情

人工神经网络课程:教学大纲

...具有C++,MATLAB,Python等至少一门编程语言的基础。先修数学课程包括微积分、概率论与线性 查看详情

web前端开发主要学哪些课程?

老实说,前端经过这几年的快速发展,网上的文章和教程还是蛮多的,有经验的人能够根据资料制定出属于自己的学习方法和路径,但对于小白来说,还是有些难度。知了姐来给大家分享前端学习路径。针对0基础,非科班,没... 查看详情

一个小白的前端学习历程

不知不觉已经正式学习前端两个月了,这是个非常充实的两个月。在这两个月里我犹如一块海绵,绵绵不绝的吸收着知识的水分。还记得刚开始学习时心里很是忐忑,懒散惯了的我是不是能适应学习的枯燥?从未接触过前端的我... 查看详情

云计算学习大纲是什么?怎么学习云计算?

...浅入深、循序渐进的完整课程体系,包括结合Linux的网络基础实战、Linux系统配置及服务深度解析、Shell脚本自动化运维项目开发、开源数据库MySQLDBA架构及优化、主流Web服务器Nginx架构优化、大型网站高并发项目LVS实战方案、高... 查看详情

web前端攻城狮培养计划之前端小白入门:网页布局基础与常见网页特效

步骤1:HTML基础超文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,... 查看详情

java入门基础课程

初级篇最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好。原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我之前写的文章都是站在Java后端的全局上进行思考和... 查看详情

2020年小白学习web前端应该知道的学习路线

2020年小白学习web前端应该知道的学习路线2020年是充满机遇与挑战的一年,这一年注定不平凡。随着5G商用、传统产业数字化转型加快,我们完全可以想象到互联网行业即将迎来自己的“高光时刻”,因此,现在学习web前端... 查看详情

免费领取16套深度学习权威实践课,从零基础小白到大牛

摘要:想学习人工智能却无从下手,听过两三遍网课还是不懂什么是卷积神经网络,好不容易啃完了视频却发现没源码没法调参跑代码,快来AIStudio课程!免费优质课程,系统化学习,名师指导,提供真实开发案例,在线实训调参... 查看详情

《人工智能技术》教学大纲

...#xff0c;理论30学时,实验18学时课程类别通识教育:基础课程核心课程一般课程拓展专业课程专业教育:基础课程核心课程拓展课程课程性质必修选修适用专业电子信息类、计算机类相关专业先修课程数学、计算机应用... 查看详情

javascript课程大纲

...些千锋武汉5的学习主要包括以下几个阶段:第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;第二阶段:Javascript高级程序设计:原生Javascript交互功能开发、面向对象开发与ES5/ES6、Javascript工具库自主... 查看详情

vr开发课程大纲

...供最优质的VR课程。今天小编就给大家分享一下VR开发的学习线路图和VR开发课程大纲,希望能对大家有所帮助。此学习线路是千锋教育VR开发团队精心总结的VR开发学习线路图。千锋官网上也有详细 查看详情

1万字,阿珊学习笔记《前端基础知识》小白入门导读(建议收藏)

🍅作者:阿珊🍅作者简介:95后前端小姐姐,蓝桥签约作者,欢迎点赞、收藏、评论🍅粉丝专属福利:知识体系、面试题库、技术互助、简历模板。文末公众号领取🍅包邮送书(每周1-2次&... 查看详情

跟我学《javascript高程3》第一讲,课程笔记

...程3》第一讲:第1~3章课程制作:bling,兴哥,5年Java,3年前端课程知识:JavaScript、Html、Css课程目标:前端体系课程,逐步深入,找到一份前端工作   课程大纲:本书目录结构适合人群:前端初学者,可以0基础,但要... 查看详情

前端学习大纲

  查看详情

跟我学《javascript高程3》第一讲,课程笔记

...程3》第一讲:第1~3章课程制作:bling,兴哥,5年Java,3年前端课程知识:JavaScript、Html、Css课程目标:前端体系课程,逐步深入,找到一份前端工作课程大纲:本书目录结构适合人群:前端初学者,可以0基础,但要认真,踏实回... 查看详情