dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 93796|回复: 122

[@] 前端小白入门视频教程 前端必学基础视频教程

  [复制链接]
回帖奖励 44 回复本帖可获得 1 奖励! 每人限 1 次

24

主题

7885

帖子

1019

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1019

发表于 2018-3-13 12:00:14 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 全套课程 

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

第1课 HTML基础
HTML是网页制作必备技能,在本课程主要介绍HTML概念、语法及常用基础标签


第2课 HTML表格
表格在网页中用于数据和排版,本课程介绍表格概念、语法、操作,并通过案例掌握知识。


第3课 HTML表单
表单用于收集用户信息,本课程介绍表单概念、语法及创建表单,并通过案例掌握知识。

第4课 案例搭建网页HTML结构
本课程带领大家一起搭建一个网页HTML结构,并掌握网布局相应知识与技巧。


步骤2: CSS基础
CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。本步骤主要介绍了css的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。

第1课 CSS选择的艺术
本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。

第2课 CSS文本样式
CSS为字体、文本提供了大量的样式属性,可以使我们的页面式更加丰富的多彩。

第3课 CSS背景和列表
本课程带领大家了解一下背景颜色、背景图片的相关知识,以及列表的多种样式。


第4课 盒子模型
我们就来学习一下css的盒子模型,理解了盒子模型,才能更好的排版,进行页面布局。

第5课 float浮动
本课程主要介绍了浮动的作用,带领大家用更好的方式来布局页面。

第6课 CSS定位(position)
本课程,将带领大家了解一下定位的知识,教大家如何通过定位来进行布局。


第7课 CSS网页布局基础
本课程,我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。

第8课 网页布局案例
本课程通过实战的讲解,带领大家体验真实开发中的的布局样式。


步骤3: JavaScript基础
JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本阶段主要带领大家学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。

第1课 JavaScript语法
初步了解JavaScript语言,掌握它的语法、数据类型、基本算数和逻辑运算操作

第2课 JavaScript流程控制语句
掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

第3课 JavaScript函数
掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

第4课 JavaScript内置对象
学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

第5课 JavaScript DOM基础
DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果

第6课 JavaScript DOM事件
为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

第7课 JavaScript BOM基础
学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

第8课 JavaScript实现轮播特效
综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

步骤4: jQuery基础
jQuery是一个快速、简洁的JavaScript框架,设计宗旨是“write Less,Do More”。本阶段将为大家介绍jQuery的基础语法、选择器、DOM、事件、插件、瀑布流案例等。

第1课 jQuery选择的艺术
课程主要介绍jQuery的概念、版本、选择器,筛选器、以及与js的区别。

第2课 jQuery DOM操作
本课程主要讲解jQuery中查找元素、修改元素样式和内容以及其它操作方法。

第3课 jQuery事件
本课程主要介绍了jQuery对象中的0级事件、2级事件,以及事件的添加、移除、触发、自定义事件、命名空间。

第4课 jQuery插件
本课程主要介绍了如何寻找自己需要的插件,如何使用插件,几个常用插件的介绍、以及如何自定义插件。

第5课 jQuery弹出层案例
通过弹出层案例的讲解,让大家更灵活的使用jQuery的属性和方法以及函数的封装。


第6课 瀑布流布局案例
瀑布流布局,是目前比较流行的一种网页布局方式,它会随着页面滚动条的滚动而不断加载内容。

步骤5: 实战案例
通过前面步骤的学习,我们学会了网页开发的基础知识,本阶段将由多年开发经验的老师带领你体验企业开发中的流程,从ps切图到最后的网页完成,积累项目开发经验。


第1课 Photoshop辅助工具
Photoshop是图像处理的软件,本课程主要介绍了它是如何对图形图像进行编辑和色彩处理的。

第2课 统一挂号平台案例
结合所学的HTML、CSS、jQuery知识,完成整站开发
游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

64

帖子

96

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
96

发表于 2018-4-25 20:33:00 | 显示全部楼层

回帖奖励 +1

正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

1

主题

374

帖子

228

积分

心领神会

Rank: 3Rank: 3

积分
228

发表于 2018-5-3 22:53:31 | 显示全部楼层

回帖奖励 +1

确实是难得好帖啊,顶先
回复 支持 反对

使用道具 举报

0

主题

34

帖子

10

积分

初学乍练

Rank: 1

积分
10

发表于 2018-5-4 10:56:28 | 显示全部楼层

回帖奖励 +1

正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

0

主题

104

帖子

151

积分

心领神会

Rank: 3Rank: 3

积分
151

发表于 2018-5-4 23:50:53 | 显示全部楼层

回帖奖励 +1

啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

主题

104

帖子

151

积分

心领神会

Rank: 3Rank: 3

积分
151

发表于 2018-5-8 08:21:46 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

主题

34

帖子

10

积分

初学乍练

Rank: 1

积分
10

发表于 2018-5-8 13:07:05 | 显示全部楼层
正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

0

主题

257

帖子

662

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
662

发表于 2018-5-8 16:41:32 | 显示全部楼层

回帖奖励 +1

正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

0

主题

56

帖子

223

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
223

发表于 2018-5-9 18:13:07 | 显示全部楼层

回帖奖励 +1

确实是难得好帖啊,顶先
回复 支持 反对

使用道具 举报

0

主题

65

帖子

220

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
220

发表于 2018-5-14 22:27:01 | 显示全部楼层

回帖奖励 +1

我只是路过打酱油的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-30 12:29 , Processed in 0.047943 second(s), 10 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表