目錄
回复内容:
首頁 web前端 H5教程 w3.org 结构复杂,信息量大,新人从哪里入手比较好?

w3.org 结构复杂,信息量大,新人从哪里入手比较好?

Jun 07, 2016 am 08:43 AM

回复内容:

通常来说,w3.org 上的文档不适合初学者阅读。它的定位,大概是让告诉浏览器厂商,这里需要怎么做,那里需要实现哪些功能(我的理解,不对请指正)。对于这类信息量巨大,且不面向学习者的文档,如果要读,最好的方法大概就是确定目标,硬着头皮读下去吧。

拿 Navigation Timing 这个较新的 interface 做例子,讲的虽是一种东西,HTML5 ROCKS 的文章 [1] 比 w3.org 的文档 [2] 要友好易读多了。

[1] Measuring Page Load Speed with Navigation Timing html5rocks.com/en/tutor
[2] Navigation Timing w3.org/TR/navigation-ti

但是,如果你的目标是了解这些 API 背后的实现机制和依赖关系,文档有时候是更好的选择。

针对初学者的教程,推荐 MDN developer.mozilla.org/e W3.org 不适合初学者 呃,作为一个有一年工作经验的初级程序员,我表示很惭愧,w3.org我从来都没进去看过,不过说真的,不同的程序员所攻的方向也不一样。看你的标签,应该是基于Web开发的,那么就跟你说说你该从哪方面入手,仅供参考,不满意莫拍砖哈。

第一步:HTML 入门
你可以到网上找一些关于HTML入门的书,然后下载下来看,跟着书籍往下走,会比你从开始就看文档要好的多(新人就看文档的话,会有很多术语你根本看不懂)。我觉得两个比较好的资源平台是:
1、w3school.com.cn
2、ppurl.com
第一个网站是关于HTML标签介绍的,当然还有其它的一些技术,比较不错,可以经常上去看看。而第二个网站上面则是放了大量的技术书籍,都是免费的,你可以注册个账号,然后上去找一些关于HTML入门的书籍下来看。不过前提是你的英文水平要够好(既然你能看w3.org了,英文也差不到哪去)。
你先择HTML的入门书籍时,先选择HTML4.0或XHTML1.0的,这两个基本上相同的,HTML4.0是现在用的比较多的标准。当然了,现在也有关于HTML5的书籍,不过建议你先看4.0的,然后再看5.0的,这样你就能够阶段性的学习了。

第二步:HTML 拓展到CSS+JavaScript
光学习HTML还没有用,因为你还要学习有关CSS(样式表)和Javascript(脚本)的知识,因为这两个技术可以让你把HTML网页做的更漂亮。

第三步:后台语言
前端的技术都会了以后,可以再学习后台语言,我学的是C#,但是现在用的比较多的还有Java,VB,PHP等,你可以选择一到两种后台语言,这样你就又进阶一个层次了。

第四步:数据库
懂得了前端,也懂得了语言,现在你就能学习操作数据库了,目前用的比较多的数据库有Oracle,MsSql,mySql,如果你是学习PHP的话,则可以选择mySql,如果是Java的话,你可以选Oracle,当然其它两种也行。基本上常见的配对是:Java+Oracle(大型应用开发偏多),VB/C#+MsSQL(大型或中小型应用开发,中小型偏多),PHP+MySQL(大型或中小型应用开发,中小型偏多),当然了,市场上的组合也并非全部是这些,看自个兴趣而定。

第五步:系统架构,设计模式
上面的几个都懂了以后,就可以再一步升华自己,那就是学习系统架构的建设,这个要求经验比较高,等你有个几年经验下来,也可以试着搞搞。

上面几步只是基于Web应用开发的方向,仅供参考,不过中国的程序员很累,也很悲催(客户经常改变需求,你就会不停的跟着改代码,很苦逼。)其它的就不说了,自个看着办吧。 如果是做前端的,个人观点W3.org是一定要看的,而且要反复的看。
下面提供两个网址,一个是CSS的文档,另一个是Google组织一批前端人员对W3.org关于CSS部分的解释和翻译。强烈推荐
w3.org/TR/CSS2/cover.ht
w3help.org/zh-cn/kb/ind All Standards and Drafts lists.w3.org/

可以选择自己感兴趣的关注 翻译 - HTML5 Chinese Interest Group Wiki
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

h5項目怎麼運行 h5項目怎麼運行 Apr 06, 2025 pm 12:21 PM

運行 H5 項目需要以下步驟:安裝 Web 服務器、Node.js、開發工具等必要工具。搭建開發環境,創建項目文件夾、初始化項目、編寫代碼。啟動開發服務器,使用命令行運行命令。在瀏覽器中預覽項目,輸入開發服務器 URL。發布項目,優化代碼、部署項目、設置 Web 服務器配置。

H5頁面製作究竟指什麼 H5頁面製作究竟指什麼 Apr 06, 2025 am 07:18 AM

H5 頁面製作是指使用 HTML5、CSS3 和 JavaScript 等技術,創建跨平台兼容的網頁。其核心在於瀏覽器解析代碼,渲染結構、樣式和交互功能。常見技術包括動畫效果、響應式設計和數據交互。為避免錯誤,應使用開發者工具調試;而性能優化和最佳實踐則包括圖像格式優化、減少請求和代碼規範等,以提高加載速度和代碼質量。

h5怎麼製作點擊圖標 h5怎麼製作點擊圖標 Apr 06, 2025 pm 12:15 PM

製作 H5 點擊圖標的步驟包括:在圖像編輯軟件中準備方形源圖像。在 H5 編輯器中添加交互性,設置點擊事件。創建覆蓋整個圖標的熱點。設置點擊事件的操作,如跳轉頁面或觸發動畫。導出 H5 文檔為 HTML、CSS 和 JavaScript 文件。將導出的文件部署到網站或其他平台。

H5指的是什麼?探索上下文 H5指的是什麼?探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

什麼是H5編程語言? 什麼是H5編程語言? Apr 03, 2025 am 12:16 AM

H5不是獨立編程語言,而是HTML5、CSS3和JavaScript的集合,用於構建現代Web應用。 1.HTML5定義網頁結構和內容,提供新標籤和API。 2.CSS3控製樣式和佈局,引入動畫等新特性。 3.JavaScript實現動態交互,通過DOM操作和異步請求增強功能。

h5怎麼製作彈窗 h5怎麼製作彈窗 Apr 06, 2025 pm 12:12 PM

H5 彈窗製作步驟:1. 確定觸發方式(點擊式、時間式、退出式、滾動式);2. 設計內容(標題、正文、行動按鈕);3. 設置樣式(大小、顏色、字體、背景);4. 實現代碼(HTML、CSS、JavaScript);5. 測試和部署。

H5頁面製作的優勢有哪些 H5頁面製作的優勢有哪些 Apr 05, 2025 pm 11:48 PM

H5 頁面製作的優勢包括:輕量級體驗,加載速度快,提升用戶留存率。跨平台兼容性,無需針對不同平台適配,提升開發效率。靈活性和動態更新,無需審核,便於內容修改和更新。成本效益,開發成本比原生 App 低。

H5頁面製作適合哪些應用場景 H5頁面製作適合哪些應用場景 Apr 05, 2025 pm 11:36 PM

H5(HTML5)適合應用於輕量級應用,如營銷活動頁面、產品展示頁面和企業宣傳微網站。它優勢在於跨平台性和豐富的交互性,但局限性在於復雜的交互和動畫、本地資源訪問和離線功能。

See all articles