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.

4.6 (7,398) ⏱ 1 oras 30 min 📚 12 aralin 🎧 Audio version

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
  • 🎧 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
  • 💸 30-day refund
    Walang tanong
  • Maikli at focused
    1 oras 30 min ng practical content

Mga review (6)

Adam Jordaan ZA
★ 5 · 2026-04-10T03:22:52+00:00

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

Mia Jacobs ZA Verified learner
★ 2 · 2026-03-03T16:25:52+00:00

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

مشاري بن عبد الوهاب SA Verified learner
★ 5 · 2026-01-17T22:36:52+00:00

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.

نوف بنت علي SA
★ 4 · 2025-12-17T16:57:52+00:00

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

إبراهيم الغانم KW
★ 2 · 2025-06-01T17:04:52+00:00

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.

Benjamin le Roux ZA Verified learner
★ 4 · 2025-01-23T12:06:52+00:00

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

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, o cryptocurrency. Hindi namin iniimbak ang detalye ng card — secure na hinahawakan ng Stripe.

Pwede ba akong mag-refund? +

Oo — full refund sa loob ng 30 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