Mga Proyekto ng Vanilla JavaScript: Gumawa ng mga Modernong Frontend App mula sa Scratch โ€” LearnFlat
โ˜… 3.7 (6) โฑ 2 oras 36 min ๐Ÿ“š 26 aralin ๐ŸŽง Audio version

Mga Proyekto ng Vanilla JavaScript: Gumawa ng mga Modernong Frontend App mula sa Scratch

Matuto tungkol sa pagbuo ng core frontend sa pamamagitan ng pagbuo ng mga praktikal na web application gamit ang purong HTML, CSS, at modernong JavaScript nang hindi umaasa sa mabibigat na framework.

  • ๐Ÿ’ฌ AI instructor
    Magtanong tungkol sa anumang aralin at makakuha ng malinaw na sagot agad, anumang oras.
  • ๐Ÿ• Magsimula anumang oras
    Walang iskedyul o deadline โ€” mag-aral sa sarili mong bilis, kahit kailan.
  • ๐ŸŒ Sa Filipino
    Mga aralin, gawain at sertipiko โ€” lahat ay ganap na nasa wika mo.

Tungkol sa kursong ito

Ang labis na pag-asa sa mga framework ay maaaring mag-iwan ng mga kakulangan sa iyong pag-unawa kung paano talaga gumagana ang web. Ang pag-master sa purong JavaScript, HTML, at CSS ay nagbibigay sa iyo ng kumpiyansa na bumuo ng anumang web interface mula sa simula. Sa kursong ito na nakabatay sa teksto, matututunan mong bumuo ng mga dynamic na proyekto sa frontend gamit lamang ang mga vanilla na teknolohiya. Sa pamamagitan ng pag-aaral ng malinaw na nakasulat na mga paliwanag at pagsusuri ng mga napiling snippet ng code, lilipat ka mula sa pagsulat ng mga pangunahing script patungo sa pagbubuo ng mga functional na web application na humahawak sa mga pakikipag-ugnayan ng user, namamahala sa estado, at kumukuha ng live na data. Ang matututunan mo: - Bumuo ng mga interactive na user interface gamit ang mga modernong CSS layout tulad ng Flexbox at Grid - Manipulahin ang Document Object Model (DOM) nang pabago-bago upang tumugon sa mga kaganapan at input ng user - Maglapat ng mga modernong feature ng JavaScript kabilang ang async/await, mga ES module, at mga advanced na array method - Isama ang external data sa iyong mga application gamit ang Fetch API at makipagtulungan sa JSON - Iimbak ang mga kagustuhan ng user at estado ng application nang lokal gamit ang mga Web Storage API - Ipatupad ang mga basic accessibility at semantic HTML practices upang matiyak na magagamit ng lahat ang iyong mga proyekto Magsisimula ka sa mga pangunahing konsepto ng DOM traversal at event handling bago magpatuloy sa isang serye ng praktikal, sunud-sunod na pagbuo ng proyekto. Ang bawat nakasulat na module ay gagabay sa iyo sa logic, styling, at scripting na kinakailangan upang bumuo ng mga totoong mini-application. Ang kursong ito ay idinisenyo para sa mga naghahangad na developer at mga nagsisimula na may pangunahing kaalaman sa mga pangunahing kaalaman sa web at gustong patatagin ang kanilang programming logic bago tumalon sa mga kumplikadong framework. Simulan ang pagbabasa ngayon at bumuo ng isang matibay na pundasyon sa mga raw na teknolohiya sa web.

Ang makukuha mo

  • ๐Ÿ“œ Certificate ng pagtatapos
    Idagdag sa LinkedIn profile mo
  • ๐Ÿ’ฌ Personal na AI tutor
    Natigil sa isang aralin? Itanong sa iyong built-in na tutor ang kahit ano, kahit kailan.
  • ๐ŸŽง Kasama ang audio version
    Mag-aral kahit saan โ€” hindi kailangan ng screen
  • โ™พ๏ธ Lifetime access
    Bumalik anumang oras, walang expiry
  • ๐Ÿ“ฑ Telepono o computer
    Gumagana saanman, kahit anong device
  • ๐Ÿ’ธ 14-day refund
    Walang tanong
  • โšก Maikli at focused
    2 oras 36 min ng practical content

Mga review (6)

Mia Jacobs ZA Verified learner
โ˜… 2 ยท 18.07.2026

Pretty informative. I liked the practical application examples, though the initial setup took longer than I expected.

ู…ุดุงุฑูŠ ุจู† ุนุจุฏ ุงู„ูˆู‡ุงุจ SA Verified learner
โ˜… 5 ยท 07.07.2026

Good foundational material. I liked the mix of theory and practice, though a couple of the examples could have been clearer. Overall a positive experience.

Benjamin le Roux ZA Verified learner
โ˜… 4 ยท 03.07.2026

This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.

ุฅุจุฑุงู‡ูŠู… ุงู„ุบุงู†ู… KW
โ˜… 2 ยท 28.06.2026

Hmm, I'm not sure this is for absolute beginners. It assumes a bit of prior knowledge that wasn't explicitly taught. Some examples were confusing.

Adam Jordaan ZA
โ˜… 5 ยท 12.06.2026

This course exceeded my expectations! The examples were super relevant and helped solidify the concepts. Highly enjoyable.

ู†ูˆู ุจู†ุช ุนู„ูŠ SA
โ˜… 4 ยท 08.06.2026

Fantastic learning experience. The pace was perfect, and the examples really solidified the concepts. Big thumbs up!

Magsulat ng review

โ˜†โ˜†โ˜†โ˜†โ˜†
Hihilingin naming mag-sign in ka pagkatapos โ€” ligtas ang draft mo.

Kinuha rin ng iba

Mga madalas itanong

Ano ang kailangan ko para sa kursong ito? +

Telepono o computer na may internet lang. Walang install, walang special hardware.

Paano ako magbabayad? +

Sa pamamagitan ng card via Stripe. Hindi namin iniimbak ang detalye ng card โ€” secure na hinahawakan ng Stripe.

Pwede ba akong mag-refund? +

Oo โ€” full refund sa loob ng 14 araw, walang tanong.

Hanggang kailan ang access ko? +

Habang buhay. Sa pagbili, sa iyo na ang course โ€” balikan mo kahit kailan.

Makakakuha ba ako ng certificate? +

Oo. Pagkatapos, makakatanggap ka ng certificate na maidadagdag sa LinkedIn profile mo.

Para sa mga learner sa
Tech Design Finance Marketing Healthcare Edukasyon Hospitality Manufacturing