impress

home profile ask flavors contact +follow

❝ Front end & back end ❞

posted on Tuesday, 1 September 2015 @ 9/01/2015 06:52:00 pm | permalink

Assalammualaikum.

What is frontend?

So, basically frontend ni adalah jenis pembangun dimana ia digunakan oleh pengguna. Frontend permohonan adalah jelas manusia. 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 bagaimana pengguna akan mentafsir antara muka ke dalam pengalaman. Pengalaman yang boleh menjadi perbezaan antara syarikat bilion 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 pasti mempunyai 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 mempunyai banyak perbezaan di bawah hood juga (belakang), tetapi sekurang-kurangnya sebahagian daripada kejayaan Facebook boleh 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.

❝ What is responsive web page? ❞

posted on @ 9/01/2015 06:34:00 pm | permalink

Assalammualaikum.

Responsive web page?

Ok, apa itu responsive web page? Web reka bentuk responsif adalah pendekatan yang menunjukkan bahawa reka bentuk dan pembangunan mesti kena respond kepada tingkah laku dan persekitaran pengguna berdasarkan saiz skrin, platform dan orientasi. The practice consists daripada campuran grid fleksibel dan susun atur, imej dan penggunaan CSS secara bijak berdasarkan permintaan media.

Sebagai suis pengguna dari laptop untuk iPad, laman web secara automatic berubah kepada menampung resolusi, saiz imej dan skrip kebolehan. Dalam erti kata lain, laman web itu perlu mempunyai teknologi untuk bertindak balas secara automatik untuk pilihan pengguna. Ini akan menghapuskan keperluan untuk reka bentuk yang berbeza dan fasa pembangunan bagi setiap alat baru di pasaran. Responsive juga akan membuatkan laman web kita kelihatan cantik, kemas walaupun di kecilkan skrin.

Responsive ini juga bukan sahaja akan respon apabila kita bukak mana-mana website di laptop atau computer, tetapi website yang responsive amat mudah dilayari di smartphone masakini. Anda dapat membaca content webpage tersebut tanpa perlu mengubah arah, ke kiri atau ke kanan kerana responsive nya web page tersebut.

CODING UNTUK RESPONSIVE (SIMPLE)

(ini adalah coding untuk sebelum <head>)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="">

    <meta name="author" content="">

                        <title>HOME</title>

    

    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    

    <link href="bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

    

    <link href="dist/css/sb-admin-2.css" rel="stylesheet">

    

    <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

(ini pula coding untuk diletakkan sebelum </body>)

❝ WHAT IS CSS? ❞

posted on @ 9/01/2015 06:07:00 pm | permalink

Assalammualaikum.

CSS? What is it?

CSS adalah sin Cascading Style Sheet.Helaian gaya merujuk kepada dokumen itu sendiri. Style sheet telah digunakan untuk reka bentuk dokumen bagi tahun. Mereka adalah spesifikasi teknikal untuk susun atur, sama ada cetak atau online. Pereka cetak menggunakan lembaran gaya untuk memastikan bahawa reka bentuk mereka dicetak tepat spesifikasi. Satu lembaran gaya untuk laman Web mempunyai tujuan yang sama, tetapi dengan fungsi tambahan juga memberitahu enjin melihat (pelayar web) bagaimana untuk menjadikan dokumen itu yang dilihat.

Cascade adalah bahagian yang khas. Sebagai contoh, web style sheet bertujuan untuk cascade melalui satu siri lembaran gaya, seperti air terjun.Contohnya, air di dalam sungai menolak semua batu-batu air terjun, tetapi hanya orang-orang yang di bahagian bawah menjejaskan tepat di mana air akan mengalir. Perkara yang sama adalah benar dalam web style sheet. Setiap halaman Web dipengaruhi oleh sekurang-kurangnya satu helaian gaya, walaupun pereka web tidak dikenakan apa-apa design style sheet merupakan pengguna gaya ejen lembaran - gaya lalai bahawa pelayar Web akan digunakan untuk memaparkan halaman jika tiada arahan lain disediakan.

Di mana CSS Digunakan?

CSS ni digunakan untuk mengayakan web page. Tetapi terdapat lebih dari itu. CSS digunakan untuk gaya XHTML dan XML markup. Ini bermakna bahawa mana-mana sahaja anda mempunyai XML markup (termasuk XHTML) anda boleh menggunakan CSS untuk menentukan bagaimana ia akan kelihatan.CSS juga digunakan untuk menentukan bagaimana halaman Web looks like apabila dilihat dalam media lain daripada pelayar Web. Sebagai contoh, anda boleh membuat cascade gaya cetak yang akan menentukan bagaimana Web perlu mencetak dan satu lagi cascade gaya untuk memaparkan halaman Web pada projektor untuk persembahan slaid.

Maka, itulah CSS.

❝ Boostrap ❞

posted on @ 9/01/2015 05:44:00 pm | permalink

Assalammualaikum.

Sem ni, belajar pasal boostrap, so :

WHAT IS BOOSTRAP?

Bootstrap adalah satu rangka kerja depan yang kuat untuk lebih cepat dan lebih mudah pembangunan web. Ia termasuk HTML dan CSS berdasarkan template reka bentuk untuk komponen antara muka pengguna biasa seperti Typography, Borang, Butang, Jadual, navigasi, Dropdowns, Isyarat, Modals, Tab, Accordion, Carousel dan banyak yang lain dan juga pilihan JavaScript sambungan.

Bootstrap juga memberi anda keupayaan untuk membuat susun atur responsif dengan lebih kurang usaha.

KELEBIHAN BOOSTRAP?

Kelebihan BootstrapKelebihan terbesar menggunakan Bootstrap adalah bahawa ia datang dengan set percuma alat untuk mewujudkan susun atur web fleksibel dan responsif serta komponen antara muka yang sama.

Selain itu, dengan menggunakan Bootstrap API data anda boleh membuat komponen antara muka maju seperti Scrollspy dan Typeaheads tanpa menulis satu baris JavaScript.Berikut adalah beberapa kelebihan yang lebih, mengapa seseorang itu perlu memilih BootstraP

Menjimatkan banyak masa - Anda boleh menjimatkan banyak masa dan usaha menggunakan Bootstrap reka bentuk yang telah ditetapkan template dan kelas dan menumpukan perhatian kepada kerja pembangunan yang lain.

Ciri-ciri responsif - Menggunakan Bootstrap anda boleh dengan mudah membuat reka bentuk responsif. Bootstrap ciri responsif membuat laman web anda muncul lebih sesuai pada peranti dan resolusi skrin yang berbeza tanpa apa-apa perubahan dalam markup.

reka bentuk konsisten - Semua komponen Bootstrap berkongsi template reka bentuk yang sama dan gaya melalui perpustakaan pusat, supaya reka bentuk dan susun atur laman web anda adalah konsisten di seluruh pembangunan anda.

Mudah untuk digunakan - Bootstrap adalah sangat mudah untuk digunakan. Sesiapa sahaja dengan pengetahuan kerja asas HTML dan CSS boleh memulakan pembangunan dengan Bootstrap.

Sesuai dengan pelayar - Bootstrap dicipta dengan pelayar moden dalam fikiran dan ia adalah serasi dengan semua pelayar moden seperti Mozilla Firefox, Google Chrome, Safari, Internet Explorer dan Opera.

Open Source - Dan yang lebih menarik ialah, ia adalah percuma untuk memuat turun dan digunakan.

p/s : Some CSS3 properties such as properties for rounded corners, gradients and shadows are used by the Bootstrap but not supported in older versions of the web browsers especially Internet Explorer 8 and earlier.

creds to here

SEKIAN.