更新时间:2023年04月18日16时08分 来源:传智教育 浏览次数:
Web前端在如今非常重要,因为它是用户与网站或应用程序交互的第一层。它是构建网站或应用程序的前端部分,包括页面布局、设计、样式、交互和用户体验。
全网较全面、实用的前端基础教程,45小时掌握网页制作流程和技巧,学完后可以独立完成PC端/移动端网页制作。
只要大家有需求
我们的视频教程就绝不会缺席
黑马程序员重磅发布新教程
本课程从前端开发环境开始讲解,课程内容既包含企业中制作网页的基础知识,又包含企业PC端网页和移动端网页的制作流程,通过每日案例、学成在线和小兔鲜儿、极速问诊、酷我手机网页、腾讯全端等多个项目掌握多端网页制作技巧,轻松学习HTML5和CSS3。
课程共分为:HTML5基础、HTML5进阶、CSS3基础、CSS3进阶、CSS3盒子模型、Flex 布局、Flex实战项目-学成在线、定位和高级技巧、综合实战项目-小兔鲜儿、平面与空间转换、动画、移动端网页布局、响应式网页布局。
课程亮点
1.全网更全面、实用的前端基础课教程,内容包含 PC 端和移动端网页制作;
2.内容更贴合企业开发:采用流行布局方案 Flex,弱化过旧知识浮动;讲解开发最常用的移动端适配方案,rem和vw/vh;使用LESS预处理器开发页面; 使用 PxCook 测量工具,100%还原设计稿;
3.每日课程都配备企业实际案例;
4.每日作业齐全:既学又习;
5.丰富的配套资料:代码、讲义、笔记、大纲等;
适用人群
· 对前端开发感兴趣的在校生及应届毕业生;
· 对目前职业有进一步提升需求,希望从事前端行业高薪岗位的在职人员;
· 对前端开发感兴趣,希望快速入门前端开发的相关人员;
课程内容
2023新版前端基础入门教程HTML5+CSS3+移动Web(滑动查看)
第1节 - 01-前端基础导学课程
第2节 - 02-第一天课程介绍
第3节 - 03-标签语法
第4节 - 04-HTML的基本骨架
第5节 - 05-标签的关系
第6节 - 06-注释
第7节 - 07-排版标签-标题和段落
第8节 - 08-换行和水平线标签
第9节 - 09-文本格式化标签
第10节 - 10-图像标签
第11节 - 11-路径-相对和绝对
第12节 - 12-超链接标签
第13节 - 13-多媒体标签-音频和视频
第14节 - 14-综合案例1-个人简介
第15节 - 15-综合案例2-vue简介
第16节 - 16-第二天课程介绍
第17节 - 17-列表-无序和有序和定义列表
第18节 - 18-表格-基本使用与表格结构标签
第19节 - 19-合并单元格
第20节 - 20-表单-input标签
第21节 - 21-表单-下拉菜单
第22节 - 22-表单-文本域
第23节 - 23-表单-label标签
第24节 - 24-表单-按钮
第25节 - 25-div和span标签和字体实体
第26节 - 26-综合案例1-体育新闻列表
第27节 - 27-综合案例2-注册信息
第28节 - 28-第三天课程介绍
第29节 - 29-体验CSS
第30节 - 30-CSS引入方式
第31节 - 31-选择器-标签和类
第32节 - 32-选择器-id和通配符
第33节 - 33-画盒子
第34节 - 34-字体修饰属性-大小和粗细和倾斜
第35节 - 35-行高
第36节 - 36-字体族
第37节 - 37-font属性
第38节 - 38-文本修饰属性-缩进和对齐和修饰线
第39节 - 39-文字颜色
第40节 - 40-调试工具
第41节 - 41-综合案例一-新闻详情
第42节 - 42-综合案例二-CSS简介
第43节 - 43-第四天课程介绍
第44节 - 44-复合选择器
第45节 - 45-伪类选择器.
第46节 - 46-CSS三大特性
第47节 - 47-Emmet写法
第48节 - 48-背景属性-拆分写法
第49节 - 49-背景属性-复合写法
第50节 - 50-显示模式
第51节 - 51-综合案例一-热词
第52节 - 52-综合案例二-banner效果
第53节 - 53-第五天课程介绍
第54节 - 54-结构伪类选择器
第55节 - 55-伪元素选择器
第56节 - 56-PxCook用法
第57节 - 57-盒子模型-组成
第58节 - 58-盒子模型-边框线
第59节 - 59-盒子模型-内边距
第60节 - 60-盒子模型-尺寸计算
第61节 - 61-版心居中
第62节 - 62-清除默认样式
第63节 - 63-内容溢出overflow属性
第64节 - 64-外边距问题-合并和塌陷
第65节 - 65-行内元素垂直内外边距
第66节 - 66-圆角与盒子阴影
第67节 - 67-综合案例一-产品卡片
第68节 - 68-综合案例二-新浪新闻
第69节 - 69-第六天课程介绍
第70节 - 70-标准流
第71节 - 71-浮动-基本使用与布局
第72节 - 72-浮动-清除浮动
第73节 - 73-浮动-总结
第74节 - 74-flex布局-体验
第75节 - 75-flex布局-组成
第76节 - 76-flex布局-主轴与侧轴对齐方式
第77节 - 77-flex布局-修改主轴方向
第78节 - 78-flex布局-弹性伸缩比
第79节 - 79-flex布局-弹性换行与行对齐方式
第80节 - 80-综合案例-抖音解决方案
第81节 - 81-第七天课程介绍
第82节 - 82-准备工作-项目目录与版心
第83节 - 83-网页制作思路
第84节 - 84-header区域-整体布局
第85节 - 85-header区域-logo
第86节 - 86-header区域-导航
第87节 - 87-header区域-搜索区域
第88节 - 88-header区域-用户区域
第89节 - 89-banner区域
第90节 - 90-精品推荐区域
第91节 - 91-推荐课程区域
第92节 - 92-前端开发工程师区域
第93节 - 93-版权区域
第94节 - 94-第八天课程介绍
第95节 - 95-定位-相对和绝对和固定
第96节 - 96-堆叠顺序z-index
第97节 - 97-定位总结
第98节 - 98-CSS精灵-基本使用
第99节 - 99-案例-CSS精灵-京东服务
第100节 - 100-字体图标-下载和使用
第101节 - 101-字体图标-上传
第102节 - 102-垂直对齐方式vertical-align
第103节 - 103-过渡属性
第104节 - 104-修饰属性-透明度与光标类型
第105节 - 105-综合案例-淘宝轮播图
第106节 - 106-第九天课程介绍
第107节 - 107-搭建项目目录
第108节 - 108-网页头部SEO三大标签
第109节 - 109-Favicon图标与版心
第110节 - 110-快捷导航
第111节 - 111-头部-布局
第112节 - 112-头部-logo
第113节 - 113-头部-导航
第114节 - 114-头部-搜索
第115节 - 115-头部-购物车
第116节 - 116-底部-布局
第117节 - 117-底部-服务区域
第118节 - 118-底部-帮助中心
第119节 - 119-底部-版权
第120节 - 120-banner区域
第121节 - 121-新鲜好物区域
第122节 - 122-人气推荐
第123节 - 123-热门品牌区域
第124节 - 124-生鲜-标题
第125节 - 125-生鲜-内容布局
第126节 - 126-生鲜-产品内容
第127节 - 127-生鲜-过渡效果
第128节 - 128-最新专题-布局
第129节 - 129-最新专题-内容
第130节 - 130-最新专题-定位文字
未完待续,黑马老师996更新中......
掌握行业热门技术
是每个程序员都应该重视的事情
2023新版前端基础入门教程HTML5+CSS3+移动Web如此重要,你还没学?
点击或搜索黑马程序员B站
观看全集视频
- 完整配套资料领取方式 -
(视频+讲义+源码+笔记+资料)
黑马程序员视频库