`
caibinghong
  • 浏览: 149954 次
  • 性别: 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和页面渲染之间的关系、引擎的性能、阻塞、工作模式等内容将会在第三课和第四课中更详细的讲解。

分享到：
| 前端技术系列课程(No.1) – 淘宝前端技术 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    淘宝UED前端技术系列课程-NO.1 淘宝前端技术巡礼

    ### 淘宝UED前端技术系列课程之淘宝前端技术巡礼 #### 一、课程背景与目标 在淘宝北京研发中心的精心筹备下，“淘宝前端技术巡礼”作为一系列旨在培养和提升前端工程师技能的课程之一，面向新入职的员工及前端技术...

    前端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大小...

Magicbox
Global site tag (gtag.js) - Google Analytics