Web Development = Pengembangan Web mengacu pada pembuatan, pembangunan, dan pemeliharaan situs web. Ini mencakup aspek-aspek seperti desain penerbitan web, pemrograman web, dan manajemen basis data. Ini adalah pembuatan aplikasi yang bekerja melalui internet yaitu situs web. Terdiri dari kata:
Web: Ini mengacu pada situs web, halaman web, atau apapun yang berfungsi melalui internet.
Pengembangan: Ini mengacu pada membangun aplikasi dari awal.
Pengembangan web dapat diklasifisikan menjadi dua cara:
- Pengembangan Bagian Depan (Front End Development)
- Pengembangan Bagian Belakang (Back End Development)
Pengembangan Bagian Depan (Front End Development)
Bagian dari situs web tempat pengguna berinteraksi secara langsung disebut sebagai front end. Hal ini juga disebut sebagai 'sisi klien' dari aplikasi.
Peta Jalan Front End
Teknologi FrontEnd Populer- HTML: HTML adalah singkatan dari HyperText Markup Language. Ini digunakan untuk mendesain bagian ujung depan halaman web menggunakan bahasa markup. Ini bertindak sebagai kerangka situs web karena digunakan untuk membuat struktur situs web.
- CSS: Cascading Style Sheet yang biasa disebut sebagai CSS adalah bahasa yang dirancang sederhana yang dimaksudkan untuk menyederhanakan proses membuat halaman web menjadi rapi. Ini digunakan untuk menata situs web kita.
- Javascript: Javascript adalah bahasa skrip yang digunakan untuk memberikan perilaku dinamis ke situs web kami.
- Bootstrap: Bootstrap adalah kumpulan alat sumber terbuka dan gratis untuk membuat situs web dan aplikasi web responsif. Ini adalah kerangka kerja CSS paling populer untuk mengembangkan situs web yang responsif dan mengutamakan seluler. Saat ini, situs web sempurna untuk semua browser (IE, Firefox, dan Chrome) dan untuk semua ukuran layar (Desktop, Tablet, Phablet, dan Ponsel).
Pengenalan Bootstrap
Bootstrap adalah kumpulan alat sumber terbuka dan gratis untuk membuat situs web dan aplikasi web responsif. Ini adalah kerangka kerja HTML, CSS, dan Javascript paling populer untuk mengembangkan situs web yang responsif dan mengutamakan seluler. Ini memecahkan banyak masalah yang pernah kami alami, salah satunya adalah masalah kompatibilitas lintas-browser. Saat ini, situs web sempurna untuk semua browser (IE, Firefox, dan Chrome) dan untuk semua ukuran layar (Desktop, Tablet, Phablet, dan Ponsel). Semua berkat pengembang Bootstrap - Mark Otto dan Jacob Thornton dari Twitter, meskipun kemudian dinyatakan sebagai proyek sumber terbuka. Bootstrap telah berevolusi dalam banyak versi dan setiap kali kita ingin menggunakan framework ini kita dapat memilih versi mana yang ingin kita gunakan.
Mengapa Bootstrap?
- Pengembangan web lebih cepat dan mudah
- Ini menciptakan halaman web yang tidak bergantung pada platform.
- Ini menciptkan halaman web responsif
- Ini dirancang agar responsif terhadap perangkat seluler juga.
- ini Gratis dan tersedia di www.getbootstrap.com
Cara menggunakan Bootstrap 4 di halaman web: ada dua cara untuk memasukkan bootstrap di website - Sertakan Bootstrap dari tautan CDN.
- Unduh Bootstrap dari getbootstrap.com dan gunakan
Bootstrap 4 dari CDN: cara menginstal Bootstrap ini mudah. Sangat disarankan untuk mengikuti cara ini.
Kunjungi www.getbootstrap.com dan klik memulai. Gulir ke bawah dan salin tautan Bootstrap CDN untuk CSS, JS, Popper.js, dan jQuery.
Perpustakaan CSS Bootstrap:
<link rel=”lembar gaya” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css” integritas=”sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T” crossorigin=”anonim”>
stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
https://getbootstrap.com/docs/5.3/getting-started/contents/#css-files
Perpustakaan jQuery:
<skrip src=”https://code.jquery.com/jquery-3.3.1.slim.min.js”
integritas=”sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo”
crossorigin=”anonim”></skrip>
Perpustakaan JS:
<skrip src=”
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js” integritas=”sha384UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1″
crossorigin=”anonim”></skrip>
Perpustakaan Javascript terkompilasi terbaru:
<skrip src=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js” integritas=”sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM” crossorigin=”anonim”></skrip>
Download Bootstrap: Cara install bootstrap ini juga mudah, namun dapat bekerja secara offline (tidak memerlukan koneksi internet) namun mungkin tidak dapat berfungsi pada beberapa browser.
- Kunjungi https://getbootstrap.com dan klik memulai. Klik pada tombol unduh Bootstrap.
- File A.Zip akan diunduh. Ekstrak dan masuk ke folder distribusi. Ini berisi dua folder bernama CSS dan JS.
<link rel=”stylesheet” type=”teks/css” href=”css/bootstrap.min.css”>
<script src=”js/bootstrap.min.js”> </script>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
Tambahkan tautan file ke dokumen HTML dan kemudian buka halaman web menggunakan browser web.
Perpustakaan dan Kerangka Front End
Kerangka CSS
- CSS penarik
- Bulma
- Dasar
- CSS Utama
- Spectre CSS
- Mewujudkan CSS
- UI Onsen
- UI Semantik
- UI API
Praprocessor CSS
Kerangka Javascript
- Angular JS
- Bootstrap ngx sudut
- PrimeNG Sudut
- Vue Js
- NuxtJs
- skrip.aculo.us
- Ember.js
- Stang.js
- Tulangpunggung.js
Perpusptakaan Javascript
- jQuery
- jQueryUI
- jQuery Seluler
- jQWidget
- jQuery Easy UI
- ReactJs
- BerikutnyaJs
- Desain Semut
- Bereaksi Desktop
- Bereaksi Rebass
- Bereaksi Bootstrap
- Bereaksi Reactstrap
- Cetak BiruJs
- Rangkaian Reaksi
- Bereaksi.js Evergreen
- Bereaksi Bahan UI
P5.js
- Kain.js
- D3.js
- Kumpulkan.js
- Garisbawah.js
- Lodash
- TensorFlow.js
Pengembangan Bagian Belakang
Backend adalah sisi server sebuah situs web. Ini adalah bagian dari situ web yang tidak dapat dilihat dan berinteraksi dengan pengguna. Ini adalah bagian perangkat lunak yang tidak bersentuhan langsung dengan pengguna. Digunakan untuk menyimpan dan mengatur data.
Peta Jalan BackEnd
PHP: PHP adalah bahasa skrip sisi server yang dirancang khusus untuk pengembangan web.
Java: Java adalah salah satu bahasa pemrograman yang paling populer dan banyak digunakan. Ini sangat terukur.
Python: Python adalah bahasa pemrograman yang memungkinkan anda bekerja dengan cepat dan mengintegrasikan sistem dengan lebih efesien.
Node.js: Node.js adalah lingkungan runtime open source dan lintas platform untuk mengeksekusi kode Javascript di luar browser.
Kerangka Kerja dan Teknologi Backend
PHP
Kerangka: Laravel
CMS: Wordpress
NodeJs
Kerangka: Ekspres
ular Piton
Kerangka: Django, Flask
Manajer Paket: Python PIP
Rubi:
Kerangka: Ruby on Rails
Java
Kerangka: Musim Semi, Hibernasi
C#:
Kerangka: .NET
Basis Data:
1.Basis Data Relasi
2. Basis Data NoSql
Prasyarat
