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
[JAWS-UG栃木]地方だからできたクラウドネイティブ事例大公開! / jawsug_tochigi_tachibana
biatunky
0
130
Skip Skip Run Run Run ♫
temoki
0
360
【Λ(らむだ)】アップデート機能振り返りΛ編 / PADjp20250127
lambda
0
120
もし今からGraphQLを採用するなら
kazukihayase
9
4.2k
インシデントキーメトリクスによるインシデント対応の改善 / Improving Incident Response using Incident Key Metrics
nari_ex
0
4.2k
攻撃者の視点で社内リソースはどう見えるのかを ASMで実現する
hikaruegashira
4
2.1k
生成AIを活用した機能を、顧客に提供するまでに乗り越えた『4つの壁』
toshiblues
1
210
Fin-JAWS第38回reInvent2024_全金融系セッションをライトにまとめてみた
mhrtech
1
130
プロダクト観点で考えるデータ基盤の育成戦略 / Growth Strategy of Data Analytics Platforms from a Product Perspective
yamamotoyuta
0
250
Oracle Cloud Infrastructure:2025年1月度サービス・アップデート
oracle4engineer
PRO
0
210
エンジニアとしてプロダクトマネジメントに向き合った1年半
sansantech
PRO
0
100
あなたはJVMの気持ちを理解できるか?
skrb
5
2k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Docker and Python
trallard
43
3.2k
Building Applications with DynamoDB
mza
93
6.2k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Adopting Sorbet at Scale
ufuk
74
9.2k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Making Projects Easy
brettharned
116
6k
Become a Pro
speakerdeck
PRO
26
5.1k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
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 ![Logo](https://www.flyingv.cc/images/logo2x.png) <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/