what is bootstrap

Bootstrap is an open-source Javascript framework developed by the team at Twitter. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3.
Also it is called Front-end-framework.
Bootstrap is a free collection of tools for creating a websites and web applications.
It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.
Some Reasons for programmers preferred Bootstrap Framework

1.    Easy to get started

2.    Great grid system

3.    Base styling for most HTML elements(Typography,Code,Tables,Forms,Buttons,Images,Icons)

4.    Extensive list of components

5.    Bundled Javascript plugins

frontend and backend

What is frontend?

So, basically frontend ni adalah jenis pembangun dimana ia digunakan oleh pengguna. Frontend permohonan adalah jelasmanusia. Ia adalah apa yang pengguna melihat, sentuhan dan pengalaman. Dalam hal ini, empati adalah ciri-ciri yang diperlukan pemaju frontend yang baik. Frontend permohonan adalah kurang tentang kod dan lebih lanjut mengenai bagaimanapengguna akan mentafsir antara muka ke dalam pengalaman. Pengalaman yang boleh menjadi perbezaan antara syarikatbilion dolar dan keruntuhan lengkap. Sebagai contoh, jika anda adalah seorang pengguna MySpace pada tahun 2004, anda adalah mungkin berpuas hati dengan pengalaman. Tetapi apabila anda mula menggunakan Facebook, anda hampir pastimempunyai pengalaman yang lebih baik. Anda menyedari bahawa anda boleh bersosial dengan reka bentuk yang lebih mudah, tiada iklan banner berkelip, mudah untuk mencari rakan-rakan, dan lain-lain Facebook dan MySpace mempunyaibanyak perbezaan di bawah hood juga (belakang), tetapi sekurang-kurangnya sebahagian daripada kejayaan Facebookboleh boleh dikaitkan dengan suatu frontend dan pengalaman pengguna yang lebih baik.

Kemahiran teknikal yang diperlukan untuk menjadi pemaju frontend biasa termasuk:
• HTML

semua kod dalam aplikasi web akhirnya diterjemahkan ke HTML. Ia adalah bahasa yang pelayar web memahami dan menggunakan untuk memaparkan maklumat kepada pengguna. Pemahaman A pembangun web HTML adalah mirip kepada pemahaman yang tukang kayu pemutar skru. Ia amat penting dan perlu bahawa ia sering dianggap pekerjaan.

• CSS

dengan sendirinya, HTML adalah agak nyata. HTML tidak menyediakan pilihan gaya asas, tetapi untuk membina sebuah pemaju frontend yang baik mesti mempunyai pengalaman dengan CSS. CSS menyediakan cat, template, perhiasannya, butang, malai, lampu, dan banyak perkara lain yang boleh digunakan untuk meningkatkan penyampaian laman web. CSS begitu biasa digunakan yang bahasa telah dibina untuk membuat menulis CSS lebih mudah. Bahasa-bahasa ini - seperti Sass dan kurang - juga dikenali sebagai precompilers CSS, tetapi mereka hanya digunakan untuk menulis kod CSS yang lebih cekap dan terurus.

What is backend?

Front end biasanya terdiri daripada tiga bahagian: pelayan, aplikasi, dan pangkalan data. Jika anda menempah penerbangan atau membeli tiket konsert, anda biasanya membuka laman web dan berinteraksi dengan frontend itu. Setelah anda memasukkan maklumat tersebut, the application stores it in a database that was created on a server. Demi kesenangan, kita hanya berfikir tentang pangkalan data sebagai giant Excel spreadsheet pada komputer anda, tetapi komputer anda (server) disimpan di suatu tempat di Arizona.
Semua maklumat yang tetap pada pelayan jadi apabila anda log masuk ke dalam permohonan untuk mencetak tiket, semua maklumat itu masih ada dalam akaun anda.
Teknologi Backend biasanya terdiri daripada bahasa-bahasa seperti PHP, Ruby, Python, dan lain-lain Untuk membuat mereka lebih mudah untuk digunakan sedang mereka biasanya dipertingkatkan dengan rangka kerja seperti Ruby on Rails, Cake PHP, dan Kod penyala bahawa semua membuat pembangunan yang lebih cepat dan lebih mudah untuk bekerjasama dalam .
Ramai profesional web yang hanya masuk ke padang mungkin pernah mendengar ramai orang bercakap tentang WordPress

jenis-jenis HCI

JENIS-JENIS HCI

a) Antara muka baris arahan ( Command ­line Interface / CLI )
Pengguna menyediakan input dengan menaip satu arahan pada papan kekunci komputer dan sistem bertindak dengan memaparkan teks pada monitor computer.

b) Antara muka grafik ( Graphical User Interface )
Antara muka grafik digunakan untuk manipulasi ikon secara terus dengan menggerakkan sesuatu peranti contohnya tetikus untuk melaksanakan tugas tertentu. Sebagai contoh, memindahkan satu fail dari satu folder ke dalam folder yang lain dengan menggunakan tetikus.

c) Antaramuka berpandukan menu ( Menu­ driven User Interfaces )
Antaramuka berpandukan menu membenarkan pengguna untuk mencapai arahan melalui menu.

d) Antaramuka Segera ( Prompt User Interface )
Antaramuka segera mempercepatkan pengguna untuk memasukkan input, meminta maklumat serta pergi ke langkah yang seterusnya. Sebagai contoh, komputer meminta pengguna untuk memasukkan ID pengguna dan kata laluan untuk terus pergi ke antaramuka yang berikutnya. 

e) Antaramuka Melalui Suara ( Voice User Interface / VUI )
Antaramuka melalui suara membenarkan pengguna berinteraksi dengan menggunakan aplikasi bahasa percakapan. Segala rakaman atau ucapan yang telah disintesis dimainkan kepada pengguna semasa dialog.

f) Antaramuka Pelbagai Modal Pengguna ( Multi­modal User Interfaces )
Antaramuka Pelbagai Modal Pengguna merujuk kepada interaksi antara maya dan persekitaran fizikal melalui komunikasi mod semula jadi. Selain itu, kaedah output juga dapat digunakan bagi tujuan ini seperti menggunakan ucapan yang disintesis, grafik bijak dan lain­lain.

HCI(human computer interface)

Human Computer Interaction

Interaksi manusia-komputer (HCI) adalah merupakan penyelidikan tentang  reka bentuk dan penggunaan teknologi komputer, dengan tumpuan khusus antara muka kepada manusia (pengguna) dan komputer.Para penyelidik dalam bidang HCI  memerhatikan cara-cara manusia berinteraksi dengan komputer danteknologi dengan menggunakan reka bentuk yang membolehkan manusia berinteraksi dengan komputerdengan pelbagai cara.
Tujuan adalah untuk manusia beinteraksi dengan mesin komputer secara berkesan dan mudah digunakan. Matlamat HCI adalah untuk menghasilkan system yang boleh digunakan dan selamat serta system boleh berfungsi. Dalam usaha untuk menghasilkan system komputer dengan kebolehgunaan yang baik.

 1. Memahami faktor-faktor yang menentukan bagaimana orang menggunakan teknologi.2.Membangunkan alat dan teknik untuk membolehkan membina system yang sesuai.3. Mencapai interaksi yang cekap, berkesan dan selamat 4.Mengutamakan pengguna

CsS

Cascading Style Sheets (CSS)

       Cascading Style Sheets (CSS) adalah bahasa lembaran gaya yang digunakan untuk menerangkan rupa dan format dokumen ditulis dalam bahasa markup. Walaupun yang paling sering digunakan untuk mengubah gaya laman web dan antara muka pengguna yang ditulis dalam HTML dan XHTML, bahasa yang boleh digunakan untuk apa-apa jenis dokumen XML, termasuk XML biasa, SVG dan Xul. Bersama-sama dengan HTML dan JavaScript, CSS adalah teknologi asas yang digunakan oleh kebanyakan laman web untuk mencipta halaman web secara visual yang menarik, antara muka pengguna untuk aplikasi web, dan antara muka pengguna untuk banyak aplikasi mudah alih.

       CSS direka terutamanya untuk membolehkan pemisahan kandungan dokumen daripada persembahan dokumen, termasuk unsur-unsur seperti susun atur, warna, dan fon. Pemisahan ini boleh meningkatkan akses kandungan, menyediakan lebih banyak fleksibiliti dan kawalan dalam spesifikasi ciri-ciri persembahan, membolehkan berbilang halaman HTML untuk berkongsi format dengan menentukan CSS yang berkenaan dalam fail Css yang berasingan, dan mengurangkan kerumitan dan pengulangan dalam kandungan struktur, seperti meja semantik tidak penting yang telah digunakan secara meluas untuk laman format sebelum rendering CSS konsisten boleh didapati dalam semua pelayar utama . CSS membolehkan untuk memisahkan arahan persembahan daripada kandungan HTML dalam fail atau gaya bahagian yang berasingan daripada fail HTML. Bagi setiap yang hampir sama unsur HTML, ia menyediakan satu senarai arahan pemformatan. Sebagai contoh, peraturan CSS mungkin menyatakan bahawa "semua menuju 1 elemen harus berani", meninggalkan tulen semantik HTML markup yang menegaskan "teks ini adalah tahap 1 tajuk" tanpa pemformatan kod seperti <bold> tag yang menunjukkan teks bagaimana sedemikian hendaklah dipaparkan.

       Ini pemisahan format dan kandungan menjadikan ia mungkin untuk mengemukakan halaman markup yang sama dalam gaya yang berbeza untuk kaedah persembahan yang berbeza, seperti pada skrin, di cetak, melalui suara (apabila dibacakan oleh pelayar atau skrin pembaca berdasarkan ucapan) dan berdasarkan braille, peranti sentuhan. Ia juga boleh digunakan untuk memaparkan laman web yang berbeza bergantung kepada saiz skrin atau peranti di mana ia dilihat. Walaupun pengarang halaman web biasanya Pautan ke fail CSS dalam fail markup, pembaca boleh menentukan lembaran gaya yang berbeza, seperti fail CSS yang disimpan pada komputer mereka sendiri, untuk mengatasi apa-apa yang penulis telah ditetapkan. Jika pengarang atau pembaca tidak mengaitkan dokumen itu kepada lembaran gaya, gaya lalai pelayar akan digunakan. Satu lagi kelebihan CSS adalah bahawa perubahan estetik reka bentuk grafik dokumen (atau beratus-ratus dokumen) boleh digunakan dengan cepat dan mudah, dengan mengedit beberapa baris dalam satu fail, dan bukannya melalui proses susah payah (dan dengan itu mahal) merangkak atas setiap baris dokumen demi baris, menukar markup.

       Spesifikasi CSS menerangkan skim keutamaan untuk menentukan gaya peraturan memohon jika lebih daripada satu peraturan perlawanan terhadap elemen tertentu. Dalam apa yang dipanggil lata, keutamaan (atau berat) dikira dan diberikan kepada kaedah-kaedah, supaya keputusan yang boleh diramal.

Responsive Webpage

Reka bentuk responsif adalah satu pendekatan untuk reka bentuk web.bertujuan untuk laman web tersebut menyediakan penonton webpage yang optimum dan mudah dibaca dan navigasi.contohnya saiz semula,planning .sebuah laman web yang direka secara renponsif ini dapat menyesusaikan susun atur mengikut persekitaran dengan menggunakan grid bahagian. Konsep grid ini memerlukan elemen halaman saiz untuk berada di unit seperti peratusan dan bukannya unit mutlak seperti pixcel.