Front End 101 網頁前端入門

講師:張凱迪(KD Chang)

Introduction

Copyright © 2016 All rights reserved

張凱迪(KD Chang)

台灣大學資管所、經濟系

About Me

半路出家的工程師

喜歡 JavaScript, Python, 

熱愛用科技和商業打造人們喜歡的產品

夢想是辦一所心目中理想的學校

  What do you want

     in this class ? 

  Prototype & Self-Study Skill

Our Goal

Outline

一、網路、瀏覽器歷史、前端開發基本觀念

 

二、HTML/HTML5基礎

 

三、CSS/CSS3基礎

 

四、JavaScript/jQuery簡介

 

五、案例實作

Reference Books

寫網頁很簡單呀,小學老師有教!

Write Once, Bug Everywhere

Modern Web

Cross Platform 跨平台

Cross Browser 跨瀏覽器

Modern Standard & Tools 新的開發標準和工具

網站開發流程

1. 網站企劃

2. 介面設計(Designer + Front End Engineer)

5. 內容維護

3. 程式開發(Front End Engineer + Back End Engineer)

4. 上線測試

HERE WE TALK WEB 

NOT INTERNET !

 

 

補充連結:The Difference Between the Internet and World Wide Web

How Web Works ?

Static Web 靜態網站

(Client Side Code : HTML / CSS / JavaScript)

Dynamic Web 動態網站 - 不是用 FLASH 就是動態! 

(Server Side Code : PHP, Python, RoR, Node.js, JSP)

Static Web 靜態網站

Dynamic Web 動態網站

Here We Focus On

Client Side

Front End Main Skills 

Front End develop for...

A web browser (Firefox, Chrome, Safari)

A headless browser (phantomJS)

A native application(React Native, Native Script)

A WebView/browser tab embedded (Cordova, NW.js, Electron)

新手村從筆記本開始

張凱迪(KD Chang)

[Front End 101] 前端基礎入門簡介

By 張凱迪(KD Chang)

[Front End 101] 前端基礎入門簡介

101一般是國外入門課程的課程代號,希望藉由這次的 Front End 101 Workshop 能讓對於網頁前端程式設計有興趣的朋友可以有一個和藹可親的入門管道,啟發學習興趣並認識志同道合的朋友。工作坊目標希望帶大家從基礎開始,最後完成一個瀏覽器外掛(extenstion)!

  • 1,002
Loading comments...

More from 張凱迪(KD Chang)