Pelajaran 2 - Macamana nak Mula Membina Website/Apps Pwa
Linkman Pwa - Sat 15/May/2021 8:51pm [Last Comment]
Linkman Pwa - Sat 15/May/2021 8:51pm [Last Comment]
Selamat Hari Raya Aidilfitri 2021 semua..
Kalau dah habis belajar bahagian pertama.. untuk pelajaran seterusnya sila rujuk disini.
How to make a website.
https://www.w3schools.com/howto/howto_make_a_website.asp
Dalam pelajaran ini, kita akan test pengetahuan dalam html dan css sahaja. javascript belum dimasukkan lagi. Nanti bila tiba masa, kita akan guna javascript sedikit demi sedikit.
Bila dah selesai.. jangan bersorak hurray lagi tau.. ini baru skeleton sahaja.. ibarat macam.. baru graduate sekolah tadika thehe..
Bagi sesiapa yg terlepas pelajaran pertama, boleh rujuk disini:
Pelajaran Pertama PWA adalah 3 Teknologi Serangkai
https://www.majalah.com/?classified.pelajaran-pertama-html5-css3-javascript.GJ9LPV1L30
Selamat Mencuba..
Niche: Web Design Malaysia | Diskusi Bisnes
Kalau dah habis belajar bahagian pertama.. untuk pelajaran seterusnya sila rujuk disini.
How to make a website.
https://www.w3schools.com/howto/howto_make_a_website.asp
Dalam pelajaran ini, kita akan test pengetahuan dalam html dan css sahaja. javascript belum dimasukkan lagi. Nanti bila tiba masa, kita akan guna javascript sedikit demi sedikit.
Bila dah selesai.. jangan bersorak hurray lagi tau.. ini baru skeleton sahaja.. ibarat macam.. baru graduate sekolah tadika thehe..
Bagi sesiapa yg terlepas pelajaran pertama, boleh rujuk disini:
Pelajaran Pertama PWA adalah 3 Teknologi Serangkai
https://www.majalah.com/?classified.pelajaran-pertama-html5-css3-javascript.GJ9LPV1L30
Selamat Mencuba..
Niche: Web Design Malaysia | Diskusi Bisnes
1. Linkman - Sat 15/May/2021, 9:00pm
seperti biasa topik linkman mesti ada lagu yg syahdu..
Lagu Raya M. Nasir
https://youtu.be/I1D7jRktEyU?t=15
Satu hari di Hari Rayya..
Dua hari di hari rayya..
Tiga hari di hari rayyaa..
seperti biasa topik linkman mesti ada lagu yg syahdu..
Lagu Raya M. Nasir
https://youtu.be/I1D7jRktEyU?t=15
Satu hari di Hari Rayya..
Dua hari di hari rayya..
Tiga hari di hari rayyaa..
2. Linkman - Sun 16/May/2021, 5:40pm
Diantara isu yg perlu difikirkan apabila membuat rangka (skeleton) untuk website/apps PWA adalah cara membuat layout.
sudah pastilah layout yg diperlukan adalah 'responsive' iaitu layout yg boleh dilihat di komputer/laptop/ tablet/smartphone dgn baik.. tetapi bagaimana utk kita mencapat status responsive?
1) pada sekitar 1990an, webmaster menggunakan table utk membuat layout. smartphone belum wujud lagi pada waktu ini.
2) kemudian sekitar 1997 apabila specifikasi 4.x html diperkenalkan, webmaster menggunakan div, float dan clearfix. smartphone masih belum lagi wujud.
3) kemudian sekitar 2009-2013, css mengkaji dan memperkenalkan flexbox (flex). smartphone sudah mula popular.
4) sekitar 2016, css memperkenalkan grid sebagai cara salah satu cara membuat layout setelah diskusi berlarutan lebih 10 tahun.
terkini 2021
==========
- tiada siapa lagi yg menggunakan table utk membuat layout.
- cara div/float/clearfix masih lagi boleh digunakan tapi sudah lapuk
- kini, cara yg selalu diterimapakai adalah cara css display 'flex' dan 'grid' sahaja. tidak ada pilihan betul atau salah. anda boleh guna flex sahaja atau grid sahaja atau kombinasi kedua2nya.
Belajar css Flex disini:
==================
video:
https://youtu.be/qqDH0T6K5gY
w3schools
https://www.w3schools.com/css/css3_flexbox.asp
Belajar css Grid disini:
===================
video:
https://youtu.be/0-DY8J_skZ0
w3schools
https://www.w3schools.com/css/css_grid.asp
Diantara isu yg perlu difikirkan apabila membuat rangka (skeleton) untuk website/apps PWA adalah cara membuat layout.
sudah pastilah layout yg diperlukan adalah 'responsive' iaitu layout yg boleh dilihat di komputer/laptop/ tablet/smartphone dgn baik.. tetapi bagaimana utk kita mencapat status responsive?
1) pada sekitar 1990an, webmaster menggunakan table utk membuat layout. smartphone belum wujud lagi pada waktu ini.
2) kemudian sekitar 1997 apabila specifikasi 4.x html diperkenalkan, webmaster menggunakan div, float dan clearfix. smartphone masih belum lagi wujud.
3) kemudian sekitar 2009-2013, css mengkaji dan memperkenalkan flexbox (flex). smartphone sudah mula popular.
4) sekitar 2016, css memperkenalkan grid sebagai cara salah satu cara membuat layout setelah diskusi berlarutan lebih 10 tahun.
terkini 2021
==========
- tiada siapa lagi yg menggunakan table utk membuat layout.
- cara div/float/clearfix masih lagi boleh digunakan tapi sudah lapuk
- kini, cara yg selalu diterimapakai adalah cara css display 'flex' dan 'grid' sahaja. tidak ada pilihan betul atau salah. anda boleh guna flex sahaja atau grid sahaja atau kombinasi kedua2nya.
Belajar css Flex disini:
==================
video:
https://youtu.be/qqDH0T6K5gY
w3schools
https://www.w3schools.com/css/css3_flexbox.asp
Belajar css Grid disini:
===================
video:
https://youtu.be/0-DY8J_skZ0
w3schools
https://www.w3schools.com/css/css_grid.asp
3. Linkman - Sun 16/May/2021, 5:53pm
satu lagi isu apabila membina rangka/skeleton PWA, adalah menggunakan design mobile first.
1) Design Mobile-first
- cara paling betul
- default adalah utk mobile screen (smartphone)
- menggunakan media query 'min-width' screen akan berubah apabila screen bertambah besar (tablet, laptop dan desktop)
2) Design Desktop-first
- cara tidak berapa baik
- default adalah utk desktop screen (saiz terbesar)
- menggunakan media query 'max-width' screen akan berubah apabila screen bertambah kecik (laptop, tablet dan smartphone)
satu lagi isu apabila membina rangka/skeleton PWA, adalah menggunakan design mobile first.
1) Design Mobile-first
- cara paling betul
- default adalah utk mobile screen (smartphone)
- menggunakan media query 'min-width' screen akan berubah apabila screen bertambah besar (tablet, laptop dan desktop)
2) Design Desktop-first
- cara tidak berapa baik
- default adalah utk desktop screen (saiz terbesar)
- menggunakan media query 'max-width' screen akan berubah apabila screen bertambah kecik (laptop, tablet dan smartphone)
Page 1 (Total 3 comments)