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
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
3
1.9k
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
290
Node.js 2025: What's new and what's next
ruyadorno
0
340
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
220
ガバメントクラウドの概要と自治体事例(名古屋市)
techniczna
3
240
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
10
4.8k
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.5k
Simplifying Cloud Native app testing across environments with Dapr and Microcks
salaboy
0
160
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
510
BI ツールはもういらない?Amazon RedShift & MCP Server で試みる新しいデータ分析アプローチ
cdataj
0
160
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
350
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Facilitating Awesome Meetings
lara
56
6.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Site-Speed That Sticks
csswizardry
12
900
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Making Projects Easy
brettharned
120
6.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
How to Ace a Technical Interview
jacobian
280
24k
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/