Web前端速成(Html+Css+JavaScript+jQuery)

将学会如何实现页面布局和页面美化,如何实现前后台数据交互,你将对前台开发的流程有全面的认识

2736人学习

初级19课时2023/06/12更新

二维码下载学堂APP缓存视频离线看

乐地课堂
    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
前端开发攻城狮系列套餐
HTML+DIV+CSS零基础入门与制作企业站视频课程
78567人学习
¥1.00
Web开发之 - 运指如飞【Sublime Vim插件&Emmet插件学习】
2197人学习
¥49.00
jQuery在网站中的应用-零基础实战
15250人学习
¥69.00
更 多 7 门 课 程
Web前端:基础入门(套餐系列)
HTML零基础入门视频课程(适合初学者的教程)
39644人学习
¥29.00
CSS零基础入门视频课程(适合初学者的教程)
29231人学习
¥29.00
JavaScript零基础入门课程(适合初学者的教程)
84630人学习
¥49.00
更 多 3 门 课 程
跟我学之web前端入门知识储备系列套餐
跟我学之jQuery牛刀小试视频教程
64486人学习
¥129.00
跟我学之JavaScript初学专列视频教程
33550人学习
¥19.00
跟我学之HTML+CSS入门畅游视频课程
54273人学习
¥9.00
更 多 3 门 课 程
前端工程师基础与提升系列专题:实战之路
12步入门前端工程师视频教程【赵甲迪】
2607人学习
¥9.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
更 多 9 门 课 程
前端工程师基础与提升系列专题:实战之路
12步入门前端工程师视频教程【赵甲迪】
2607人学习
¥9.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
更 多 9 门 课 程
  • 课程介绍
  • 课程大纲

适合人群:

前端知识0基础人群。

你将会学到:

将学会如何实现页面布局和页面美化,如何实现前后台数据交互,你将对前台开发的流程有全面的认识

  • 如何使用HTML标签布局页面
  • 如何用CSS美化页面
  • 初步认识javascript如何操作页面元素
  • jQuery ajax如何实现前后台数据的交互

课程简介:

讲解了html、css的知识点和运用,初步介绍了JavaScript和jQuery对页面元素的操作,以及在jQuery框架下 Ajax如何实现前后台数据的交互。

教学思路是先引导认识完整流程,再抓细节,细节在实际开发中逐步理解并熟悉。

学以致用,用到才学,规避对细节的过度讲解,过度学习,不浪费时间不浪费脑力,把有限的时间有限的脑力资源用在实际项目中。

想要体验前端开发项目或是需要日本大公司IT就业推荐的请在pc端-课程播放页-右侧提问处联系我

  


展开更多

课程大纲-Web前端速成(Html+Css+JavaScript+jQuery)

  • 1

    1.前言1.概述 1.1 什么是前端的开发? 1.2 前端开发学习路线 2.本课程教学内容3. 开发工具 3.1 开发工具推荐 3.2 安装Visual Studio Code

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-1.前言.pdf”

    [09:10]
  • 2

    2.初识HTML1.HTML 概述 - 是一种用于创建网页的标准标记语言。 - 可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。2.一个已有的页面实例 - 认识HTML 网页结构 - 认识当前页面标签3.运用例子

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-2.初识HTML.pdf”

    [14:36]
  • 3

    3. 基本标签讲解几个基础标签以及预览标签效果。<title>标签定义了不同文档的标题<h1> - <h6>标签定义标题段落标签<p>链接标签 <a>图像标签 <img>换行标签<br>水平线标签<hr>注释标签

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-3. 基本标签.pdf”

    [10:51]
  • 4

    4.属性讲解属性是什么,如何运用它,展示运用效果案例。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-4.属性.pdf”

    [12:24]
  • 5

    5.文本格式化讲解文本格式化的知识。并预览几个常用的格式。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-5.文本格式化.pdf”

    [12:16]
  • 6

    6.链接HTML使用标签 <a>来设置超文本链接。介绍<a>属性,描述,实例。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-6.链接.pdf”

    [16:52]
  • 7

    7.图片<img> 只包含属性,并且没有闭合标签。介绍<img>属性,描述,实例。介绍<img>的运用效果。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-7.图片.pdf”

    [14:05]
  • 8

    8.分组讲解块级标签:块级标签在浏览器显示时,通常会以新行来开始(和结束)。 实例: <div>,<h1>,<p>,<ul>,<table>讲解内联标签:内联标签在显示时通常不会以新行开始。 实例: <span>,<b>,<td>,<a>,<img>讲解运用例子

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-8.分组.pdf”

    [10:02]
  • 9

    9.无序列表讲解无序列表的标签<ul><li>和一般展示效果,嵌套展示效果

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-9.无序列表.pdf”

    [11:09]
  • 10

    10.有序列表介绍有序列表的标签<ol>与<li>和一般展示效果,嵌套展示效果。展示了运用实例。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-10.有序列表.pdf”

    [09:44]
  • 11

    11.自定义列表介绍<dl> <dt><dd>标签,认识一般展示效果和嵌套展示效果。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-11.自定义列表.pdf”

    [10:17]
  • 12

    12.表格(Tables)讲解<table>的基本 元素 <tr>、<th> 以及 <td>。也讲解了复杂的 表格包括的元素<tbody>、<caption>、<col>、<colgroup>、<thead>、<tfoot> 以及<col> 。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-12.表格(Tables).pdf”

    [52:20]
  • 13

    13.CSS初步认识CSS。了解CSS 语法,CSS的 id 和 class。理解CSS 如何创建。CSS的运用例子。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-13.CSS.pdf”

    [20:21]
  • 14

    14.页面布局讲解什么是页面布局,页面布局思路。以京东首页为参考案例,引导做布局划分,和代码实现。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-14.页面布局.pdf”

    [43:43]
  • 15

    15.表单(Form)讲解什么是表单和表单元素都有哪些。展示了表单和表单元素的基础展示案例。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-15.表单(Form).pdf”

    [01:06:00]
  • 16

    16.认识JavaScript初步认识JavaScript 。了解JavaScript 的在HTML中的用法。掌握JavaScript与页面元素的交互代码写法。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-16.认识JavaScrip.pdf”

    [14:09]
  • 17

    17.jQuery-前后台数据交互了解JavaScript 框架jQuery掌握jQuery框架下Ajax实现前后台数据交互方法。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-17.jQuery-前后台数.pdf”

    [55:13]
  • 18

    18.知识总结总结概括已学知识,讲述了如何循序渐进开展运用已学知识开展前端的页面开发。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-18.知识总结.pdf”

    [09:29]
  • 19

    19.就业指导介绍了前端开发岗位应聘的途径,和搜索的方法。

    「仅限付费用户」点击下载“Web前端速成(Html+Css+JavaScript+jQuery)-19.就业指导.pdf”

    [11:52]

“乐地课堂”老师的其他课程更多+

在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部