前端工程學習資源
171 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by 張簡宏名
Scoop.it!

CSS 最核心的幾個概念

CSS 最核心的幾個概念 | 前端工程學習資源 | Scoop.it
本文将讲述 CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

The Data Visualisation Catalogue

The Data Visualisation Catalogue | 前端工程學習資源 | Scoop.it
The Data Visualisation Catalogue, helping you find the right data visualization method for your data
張簡宏名's insight:

資料視覺化

more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

Mozilla Developer Network

Mozilla Developer Network | 前端工程學習資源 | Scoop.it
The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS.
張簡宏名's insight:

MDN

more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

CSS 選擇器、選取器(Selector)種類簡

CSS 選擇器、選取器(Selector)種類簡介 | 前端工程學習資源 | Scoop.it
魚躍創意: CSS 選擇器、選取器(Selector)種類簡介
張簡宏名's insight:

[中文資源]清楚的CSS Selector簡介

more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

5 Highly Useful JavaScript Debugging Tools

5 Highly Useful JavaScript Debugging Tools | 前端工程學習資源 | Scoop.it
this list have 5 best javascript library tools for developers. JavaScript has become very popular with the immensely growing technology that is diversifying each day.
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

I AM A FRONT END ENGINEER. (我就是一個前端工程師) » lock.gotoBlog()

I AM A FRONT END ENGINEER. (我就是一個前端工程師) » lock.gotoBlog() | 前端工程學習資源 | Scoop.it
張簡宏名's insight:

What's a front-end engineer

more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

JS: The Right Way

A quick reference to best practices for writing JavaScript -- links to code patterns and tutorials from around the web
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

我的前端學習歷程 - WEB前端 - 伯樂在線

我的前端學習歷程 - WEB前端 - 伯樂在線 | 前端工程學習資源 | Scoop.it
很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己”。
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

justfont 華文最大中文網頁字型服務

justfont 華文最大中文網頁字型服務 | 前端工程學習資源 | Scoop.it
justfont就是字,提供高品質中文字型,包含最時尚的信黑體、經典古籍復刻浙江民間書刻體等字型,也提供線上購買服務
張簡宏名's insight:

font

more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

How CSS works

How CSS works | 前端工程學習資源 | Scoop.it
This third section of the CSS Getting Started tutorial explains how CSS works in your browser and the purpose of the Document Object Model (DOM). You'll also learn how to analyze your sample document.
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

如何成為前端工程師?

如何成為前端工程師? | 前端工程學習資源 | Scoop.it
這篇文章並不是一篇高手教學文,也不是一個激勵故事,假設你已經是一個前端或者你想成為一個前端工程師,我是希望接由一些文字,來傳達一些經驗和分享。這不是絕對的學習路徑,學習因人而異,僅供參考。 前端工程師的徵求條件 要做某個行業(職業)之前,找一份這個職業的職缺,閱讀一下這個職缺所需的條件,多找幾份職缺看看,你會發現有部分是相同的需求,其餘的需求可能因公司而定,所以第一步,你必須要了解前端工程師的大致上工作內容,大部份公司的工作內容很像,但是有時候會特別集中在某種語言能力上,有時候會集中在設計和界面上,應公司而定,不過,一定會涉及到設計和後端程式。 所以你可以不必精通,但是不可以完全沒有概念,沒有概念沒關係,google,專心10分鐘你就有概念,認真一周你就懂了。 前端工程師的徵求條件是什麼?大概整理國內外的各個公司的說明,大約必備的條件如下(例如TNW,AFT), CSS&HTML(必備且越強越好) Javascript or jQuery(必備且越強越好) 以下內容都是加分的,基本上在你學習以上3種語言的時候,一定會碰到以下的工具或框架,找幾個練習,學起來會有趣很多 RWD Design CSS Framework (例如Bootstrap, ) JavaScript MV* framework (如Angularjs) MVC架構概念 界面設計概念 開源軟體整合(Wordpress,Drupal,Joomla) Git(版本控制工具) Grunt、Gulp(前端開發自動化工具) CSS processor(如sass,less,stylus) Template engine(如haml,jade,twig) 所能接觸到的工具和框架太多,就不一一敘述,不過以上的項目,是在多數前段工程師職缺中,最常出現的,所以如果你能掌握好的話,應該更能勝任這個職位。 別看書了,敲打你的鍵盤吧 如果你的學習方法,看書的時間,比用鍵盤敲打的時間還來的多,那麼基本上,很難有什麼進展,不要害怕開始寫你的第一個網頁,邊看教學,邊思考,邊做,才能真的體會到整個過程,這不是考試,把整本教學書倒背入流是沒用的,實際操作會讓記憶更深刻之餘,也會無意中發現更多方法,或優化的寫法。 前端工程師,是一個需要經常接近死期(deadline)的工作,所以要有很好的抗壓性。這世界還有IE,它是古代遺留下來的文物,還有很多古人會用,所以你必須用新的語言或寫法的時候,要兼顧IE的情況,通常會很糟糕。最後,你同事(前端工程師),多數都是男的(我不知道這算不算是缺點?)。 不過前端工程師也是一份可以同時發揮創意和邏輯的工作,它也同時兼顧行銷和設計的概念,它能將大家上網的體驗提升,而且它只需要一部電腦就可以工作。 如果你或身邊的朋友,正在找前端工程師的工作,可以試試看AFT Front End Developer福利好下班准娛樂多。 學習資料 找個好老師,幫你開竅,最近朋友開班了「口刀」,是個很好的入門開始。若你尋找線上資源,以下資料可以參考。 Codecademy,CSS&HTML簡介快速入門 shayhowe,CSS&HTML完整由淺入深說明 learnlayout,基礎版型入門 codecademy,基礎jS入門 gitbook 之 javascript,基礎jS入門,簡單易懂 Google,RWD体验/教学 tutsplus,不定期更新教學,書簽必備 smashingmagazine,國外著名網頁設計和前端工程師線上雜誌,每日閱讀吸收最新資訊 假設每天都看一點的話,當然你會挖掘更多的網站和資源,假設你是完全無從入手,可以先從以上的鏈接開始看。
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

解釋 JavaScript 的模組載入

解釋 JavaScript 的模組載入 | 前端工程學習資源 | Scoop.it
每次在做新人的教育訓練時、發現大家比較無法理解 JavaScript 載入模組的概念 (純瀏覽器端的,非 Node.js)。用一篇文章試圖去解釋 JavaScript 是怎麼運作的。
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

挑選前端框架,要注意些什麼? « can's Note

評估清單
怎麼跟Designer cowork?
怎麼做最佳化?(modularized/minify)
怎麼做SEO?
高度的架構彈性?
社群活躍?
開發工具完善?
學習曲線?
前端架構

E...
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

A Baseline for Front-End Developers

I wrote a README the other day for a project that I’m hoping other developers will look at and learn from, and as I was writing it, I realized …
more...
No comment yet.
Scooped by 張簡宏名
Scoop.it!

前端設計師(Desinger)、前端工程師(Developer)的差異性

前端設計師(Desinger)、前端工程師(Developer)的差異性 | 前端工程學習資源 | Scoop.it
Front-end design provides you with in-depth training on Web. Taught by James Williamson as part of the Web Technology Fundamentals
張簡宏名's insight:
From 高雄前端社群
more...
No comment yet.