Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Development 102
Search
Karl Li
September 19, 2014
Technology
0
72
Web Development 102
Karl Li
September 19, 2014
Tweet
Share
More Decks by Karl Li
See All by Karl Li
Rebuild flyingV with Laravel
killtw
0
1.5k
Web Development 101
killtw
0
110
Other Decks in Technology
See All in Technology
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
220
Zephyr(RTOS)にEdge AIを組み込んでみた話
iotengineer22
1
330
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
240
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
170
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
nttcom
1
470
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
600
【SORACOM UG Explorer 2025】さらなる10年へ ~ SORACOM MVC 発表
soracom
PRO
0
130
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
890
初めてのDatabricks Apps開発
taka_aki
1
360
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
870
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
2
2.2k
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
340
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Optimising Largest Contentful Paint
csswizardry
37
3.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Code Reviewing Like a Champion
maltzj
526
40k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Transcript
Web Development 102
Karl Li Back-end Developer @killtw http://about.me/killtw
Javascript
JS is not JAVA
» ECMAScript » DOM » BOM » Weak typing
alert('Hello World');
Variables var text = 'String'; var number = 1; var
boolean = false; var pi = 3.1415926;
Arrays var array = ['Karl', 'Dylan', 'Jimmy', 'Anderson']; console.log(array[0]);
Objects var developer = { firstname: 'Karl', lastname: 'Li', age:
24 }; console.log(developer.firstname);
Functions function test() { console.log('test'); } test(); var log; log
= function(text) { console.log(text); } log('something wrong');
function log(text) { console.log(text); } function transform(number) { return '$'
+ number; } log(transform(1234));
function welcome(name, title) { console.log('Welcome ' + name + ',
the ' + title); } welcome('Bill Gates', 'CEO');
If else function welcome(age) { if (age > 30) {
console.log('Welcome'); } else { console.log("Hey, boy. what's up"); } } welcome(31);
function welcome(age) { if (age > 30) { console.log('Welcome'); }
else if (age > 60) { console.log('Hello, old man.'); } else { console.log("Hey boy, what's up?"); } } welcome(50);
Loops var person = ['Karl', 'Dylan', 'Jimmy', 'Anderson']; for (var
i = 0; i < person.length; i ++) { console.log(person[i]); }
Everything in JS is an Object var text = 'Hello
World'; console.log(text.length); console.log(text.indexOf('o')); console.log(text.toUpperCase()); console.log(text.toLowerCase());
Date var now = new Date(); console.log(now);
jQuery
Markdown
Title # H1 ## H2 ### H3 #### H4 #####
H5 ###### H6 <h1>H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4> <h5>H5</h5> <h6>H6</h6>
Link [flyingV](https://www.flyingv.cc) <a href="https://www.flyingv.cc">flyingV</a> flyingV
Image  <img src="https://www.flyingv.cc/images/logo2x.png" alt="Logo">
Unsorted List * Karl + Jimmy - Dylan <ul> <li>Karl</li>
<li>Jimmy</li> <li>Dylan</li> </ul> » Karl » Jimmy » Dylan
Sorted List 1. Karl 4. Jimmy 2. Dylan <ol> <li>Karl</li>
<li>Jimmy</li> <li>Dylan</li> </ol> 1.Karl 2.Jimmy 3.Dylan
Font *text* _text_ **text** __text__ _**text**_ <em>text</em> <strong>text</strong> <strong><em>text</em></strong> text
text text text text
Codecademy http://www.codecademy.com/ Markdown http://markdown.tw/ jQuery http://jquery.com/
One more thing...
SITCON http://sitcon.org/2014/ COSCUP http://coscup.org/2014/zh-tw/