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

FrontEnd Programming (Pertemuan 1)

rizki mufrizal
March 06, 2024
Programming
0
9

FrontEnd Programming (Pertemuan 1)

Berisi materi Pengenalan Container Pada javascript untuk mata kuliah FrontEnd Programming

rizki mufrizal

March 06, 2024
Tweet

More Decks by rizki mufrizal

See All by rizki mufrizal
FrontEnd Programming (Pertemuan 2)
rizkimufrizal
0
8
Manajemen Project TI (Pertemuan 2)
rizkimufrizal
0
8
Manajemen Project TI (Pertemuan 1)
rizkimufrizal
0
7
Pemrograman Javascript (Pertemuan 10)
rizkimufrizal
0
14
Pemrograman Javascript (Pertemuan 9)
rizkimufrizal
0
33
Pemrograman Javascript (Pertemuan 7)
rizkimufrizal
0
29
Web Programming (Pertemuan 6)
rizkimufrizal
0
22
Pemrograman Javascript (Pertemuan 6)
rizkimufrizal
0
26
Web Programming (Pertemuan 5)
rizkimufrizal
0
31

Other Decks in Programming

See All in Programming
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
980
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
200
AmperとFleetを使ったAndroidアプリ
yoppie
0
220
Site Reliability Engineering for GMO
pyama86
8
1.1k
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
800
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
190
CDKコントリビュートの最初の壁を越えよう！ -簡単issueの見つけ方-
badmintoncryer
2
120
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
390
Polars入門
daikikatsuragawa
1
100
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
540
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
370

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
In The Pink: A Labor of Love
frogandcode
138
21k
What's in a price? How to price your products and services
michaelherold
237
11k
The Language of Interfaces
destraynor
151
23k
Six Lessons from altMBA
skipperchong
21
3k
Building Applications with DynamoDB
mza
88
5.6k
The Mythical Team-Month
searls
216
42k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Statistics for Hackers
jakevdp
789
220k

Transcript

  1. Pengenalan Container Pada Bootstrap Pengenalan Container Pada Bootstrap Rizki Mufrizal

  2. Rizki Mufrizal Technical Solution Architect Software Engineer https://rizkimufrizal.github.io

  3. Pengertian Container Container adalah fondasi dasar dari blok layout. Container

    berfungsi untuk membungkus blok di dalamnya, sehingga terlihat rapi terhadap ukuran layar.

  4. Breakpoint Container

  5. Membuat Container <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Bootstrap demo</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" /> </head> <body> <div class="container">hello</div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" ></script> </body> </html>

  6. Terima Kasih