Upgrade to Pro — share decks privately, control downloads, hide ads and more …

(TH Crash Course) Intro to JavaScript

Avatar for Ryhan Hassan Ryhan Hassan
January 20, 2013
Technology
1
100

(TH Crash Course) Intro to JavaScript

Avatar for Ryhan Hassan

Ryhan Hassan

January 20, 2013
Tweet

More Decks by Ryhan Hassan

See All by Ryhan Hassan
(TH Crash Course) Advanced HTML & CSS
Avatar for Ryhan Hassan ryhan
5
250
(Skill Swap Weekend) HTML5 & CSS3
Avatar for Ryhan Hassan ryhan
7
270
Introductory HTML & CSS
Avatar for Ryhan Hassan ryhan
3
230

Other Decks in Technology

See All in Technology
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
Avatar for sh_fk2 sh_fk2
3
450
slog.Handlerのよくある実装ミス
Avatar for H.Saki sakiengineer
4
420
データ分析エージェント Socrates の育て方
Avatar for na0 na0
5
600
Agile PBL at New Grads Trainings
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
440
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
Avatar for 岡本卓也 okamototakuyasr2
0
100
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
160
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
Avatar for Michiru Kato applism118
22
12k
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
3
260
AIのグローバルトレンド2025 #scrummikawa / global ai trend
Avatar for kyonmm kyonmm
PRO
1
300
未経験者・初心者に贈る！40分でわかるAndroidアプリ開発の今と大事なポイント
Avatar for operandoOS operando
5
730
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの？
Avatar for Makky12 smt7174
4
190
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
Avatar for JaeSoon Jeong jeongjaesoon
0
220

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
820
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
9.9k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
KATA
Avatar for Megan Lloyd mclloyd
32
14k

Transcript

  1. Intr t JavaScript & jQuery

  2. @ Ryhan Hassan

  3. Why learn JavaScript? Critical for Web Development. Write once, run

    anywhere. Asynchronous (non-blocking).

  4. Respond to User Input Manipulate Page Content Fetch Data from

    APIs

  5. T l jQuery & Web Inspector

  6. Why use jQuery? Simplifies code. Manages cross-browser compatibility. Useful plugins.

  7. console.log(“hello world”); hello world function hello() { console.log(“hello world”); }

    hello(); hello world Functions

  8. function addOne(value){ return value + 1; } addOne(4); 5 function

    addTwo(value){ return addOne(addOne(value)); } addTwo(3); // -> addOne(addOne(3)); 4 Composing Functions

  9. count = 10; function incCount(){ count++; console.log(count); } incCount(); 11

    Variable Scope

  10. count = 10; function incCount(){ var count = 0; count++;

    console.log(count); } incCount(); 0 Variable Scope
  11. None

  12. Sample Code https://github.com/ryhan/th-javascript-talk

  13. 15-237 Course Website http://www.kosbie.net/cmu/fall-12/15-237/ Underscore.js Functional JS http://underscorejs.org