`
caibinghong
  • 浏览: 148840 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

前端技术系列课程(No.2) – HTML/CSS/JavaScript基础

 
阅读更多

本次课为系列课程的第二课,由舒克带来的“HTML/CSS/JavaScript”基础知识,课程中着重介绍了HTML的语义化,因为语义化是前端工程师最容易理解又最难掌握的,比如何时使用什么样的标签,这取决于前端工程师对标签和页面内容的理解。要注意频道首页和详情页是不同的,频道首页中的信息比较琐碎,详情页中的内容更像“文章”,因此内容的语义是有差别的。这一点需要注意。



http://www.slideshare.net/lijing00333/htmlcssjs

在HTML章节的最后着重讲解了页面的可用性和易用性,前端工程师很多时候将精力大都放在页面样式的实现上,忽略了很多易用性的细节。比如在设定input的类型的时候,就有很多细节要考虑,特别是在移动终端里,当input获得焦点时,要控制弹出的键盘类型。此外,CSS的部分详细介绍了响应式实现的最佳代码,包括CSS3的一些定制化的特效,都是可以作为最佳实践的。



http://www.slideshare.net/lijing00333/ecmascript

JavaScript部分着重面向新人介绍ECMAScript,其中的内容都是最常用的关键知识点,比如null和undefined有什么区别,NaN是不是数字,什么是真值和假值,浮点数的计算误差等问题在ppt中都有提到,关于JavaScript和页面渲染之间的关系、引擎的性能、阻塞、工作模式等内容将会在第三课和第四课中更详细的讲解。

分享到:
评论

相关推荐

    前端picker.js 选择器 轮选择器

    , initial-scale=1,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> </head> <h1 class="project-name">Picker</h1> <h2 class="project-tagline">h5 picker inspired by ios UIPickerView</h2> ...

    HTML5七夕情人节表白网页制作【飘落蒲公英动画超酷炫的HTML5页面】HTML+CSS+JavaScript

    - **WebStorm**: JetBrains公司的一款专为JavaScript开发打造的IDE,支持前端技术栈。 - **TextPad**: 一款简洁易用的文字处理软件,适合轻量级文本编辑任务。 - **Notepad++**: 一款免费开源的代码编辑器,支持多种...

    html+jquery+php+mysql网页制作说明书

    综上所述,该项目不仅涵盖了HTML、CSS、JavaScript/jQuery等前端技术,还涉及了PHP与MySQL后端技术的应用。通过合理组织文件结构、利用现有框架和插件资源,可以高效地完成一个集信息展示与互动体验于一体的个人主页...

    Sortable前端框架

    Sortable is a <s>minimalist</s> JavaScript library for reorderable drag-and-drop lists. Demo: http://rubaxa.github.io/Sortable/ ## Features * Supports touch devices and [modern]...

    web打印(纯jq和css,不用浏览器控件)

    为了实现这一功能,我们通常会借助JavaScript库如jQuery,以及CSS样式来控制打印样式。 核心库之一是jQuery,这是一个广泛使用的JavaScript库,简化了DOM操作和事件处理。在这个案例中,我们使用的是jQuery 1.4.4的...

    html5网页前端设计课后习题答案.docx

    HTML、CSS 和 JavaScript 是 Web 前端技术的三大核心基础。HTML 用于架构和呈现网页,CSS 用于美化网页的样式,JavaScript 用于添加交互性和动态效果。 四、HTML5 和 HTML 的关系 HTML 来源于 Hypertext Markup ...

    no.rar_数值算法/人工智能

    【标题】"no.rar_数值算法/人工智能" 提供了一组源代码,这些代码是针对数值算法和人工智能领域的,特别是应用了粒子群算法(Particle Swarm Optimization, PSO)进行函数优化。粒子群算法是一种模拟群体智能行为的...

    JavaScript 实现HTML业务流程图

    <LI class=step_2>2.付款到财付通 </LI> <LI class=step_3>3.确认收货 </LI> <LI class=step_4>4.评价卖家 </LI> <LI class=step_5>5.评价卖家 </LI> </OL> </DIV> (-1)" /> (1)" /> <!-- e --> </div> step=1...

    情人节程序员用HTML网页表白【告白动画】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    ### 知识点一:HTML5网页设计与布局 该表白网页主要采用了HTML5技术进行构建,HTML5作为最新...通过学习和分析这类项目,可以帮助初学者更好地理解前端开发的基本流程和技术要点,为未来的学习和发展打下坚实的基础。

    情人节程序员用HTML网页表白【婚礼庆典-邀请函】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    该HTML5表白网页项目不仅涵盖了HTML5、CSS3的基础知识点,还融合了JavaScript的高级应用,通过一系列案例展示了如何利用这些技术来构建功能丰富、视觉效果出色的网页。无论是对于初学者还是有一定基础的学习者来说,...

    《html网页设计课程简答题题库》《Web前端技术综合指南》《HTML5与Web前端技术详解》

    ### Web前端技术综合知识点概述 #### 一、互联网基础与Web浏览原理 ...以上知识点涵盖了Web前端技术的核心内容,包括HTML5、CSS3和JavaScript的基础与高级特性,为Web开发者提供了全面的学习资料和技术参考。

    HTML5 成体系网站模版 No.5

    综合上述知识点,"HTML5 成体系网站模版 No.5" 应该是一个集成了HTML5新特性和最佳实践的完整网页设计框架,适用于课程作业、毕业设计或前端页面开发,可以帮助开发者快速构建现代、功能齐全的网站。

    微商城前端开发规范_v1.docx

    本文档规定了前端开发的一系列标准,要求所有前端开发人员按照规定进行工作,并且允许在发现错误或不适用的情况下提出修改建议,经过讨论后进行调整。 ### 基本准则 1. **符合Web标准**:确保代码符合HTML5、CSS3...

    大厂阿里字节百度前端校招面试题大全.pdf

    大厂阿里字节百度前端校招面试题大全.pdf 本资源是一个前端校招面试题大全,涵盖了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目。以下是从该资源中提取...

    前端项目-flowchart.zip

    "前端项目-flowchart.zip" 提供了一个解决方案,它利用SVG(Scalable Vector Graphics)技术来绘制从文本描述生成的简单流程图表。这个项目的核心文件是 "flowchart.js-master",这表明它是一个基于JavaScript的库,...

    前端面试题汇总.pdf

    前端面试题汇总主要涵盖HTML和CSS相关的重要知识点,旨在考察面试者对于网页构建的基础知识、浏览器兼容性、页面性能优化以及SEO策略等的理解。以下是对这些面试题的详细解析: 1. **浏览器测试**:面试者应熟悉...

    HTML5七夕情人节表白网页制作【唯美3D相册】HTML+CSS+JavaScript

    本项目是一款基于HTML5、CSS3以及JavaScript技术实现的七夕情人节表白网页,旨在帮助用户轻松创建出充满创意与情感的个性化表白网站。这类网页通常包括丰富的视觉效果和互动元素,能够为收件人带来惊喜与感动。 ###...

    WEB前端编码规范.docx编程资料

    ### WEB前端编码规范知识点 #### 一、HTML标准概述 HTML是一种标记语言,主要用于构建网页内容,虽然不具备传统编程语言的复杂控制结构,但其格式和风格对于代码的可读性和可维护性至关重要。 #### 二、HTML大小...

Global site tag (gtag.js) - Google Analytics