Sass at SCSS para sa Malinis at Nasusukat na mga Stylesheet ng Web

Habang lumalaki ang mga proyekto sa web, ang mga vanilla CSS stylesheet ay kadalasang nagiging malalaki, paulit-ulit, at napakahirap panatilihin. Nilulutas ng Sass at SCSS ang problemang ito sa pamamagitan ng pagpapakilala ng mga makapangyarihang konsepto ng programming sa iyong styling workflow, na nagbibigay-daan sa iyong magsulat ng malinis, modular, at magagamit muli na code. Gagabayan ka ng kursong ito sa proseso ng pagbabago ng iyong styling workflow mula sa magulong patungo sa nakabalangkas. Matututunan mo kung paano gamitin ang buong lakas ng CSS preprocessing upang magsulat ng mga stylesheet na mas madaling basahin, mas mabilis isulat, at walang kahirap-hirap na i-scale sa malalaking proyekto. Ang matututunan mo: - Matuto ng mga pangunahing konsepto ng preprocessor at kung paano nagko-compile ang Sass sa karaniwang CSS - Mag-master ng mga variable, nesting, at parent selector upang maalis ang paulit-ulit na mga pattern ng estilo - Mag-apply ng mga modernong Sass module gamit ang @use at @forward upang maayos na maisaayos ang iyong mga estilo - Gumawa ng mga reusable style blueprint na may mga mixin, function, at inheritance - Magdisenyo ng mga responsive na layout gamit ang mga mathematical operation at mobile-first media query - Isama ang Sass sa mga modernong CSS custom properties para sa dynamic, runtime styling Magsisimula ka sa pamamagitan ng pag-aaral ng mga pangunahing terminolohiya at pag-set up ng iyong compilation environment, pagkatapos ay susulong sa mga sunud-sunod na nakasulat na paliwanag at mga praktikal na halimbawa ng code na nagpapakita kung paano i-structure ang mga stylesheet para sa mga totoong proyekto. Ang kursong ito ay idinisenyo para sa mga web designer at front-end developer na may alam na sa basic HTML at CSS at gustong i-upgrade ang kanilang mga kasanayan upang magsulat ng mga professional-grade stylesheet. Hindi kinakailangan ang paunang karanasan sa mga command-line tool o preprocessor. Simulan ang pagsusulat ng mas malinis at mas mabilis na stylesheet ngayon.