Kako organizovati frontend projekat koji raste?

Korak 1: Osnovna struktura

U početku naš projekat ima samo jedan nivo dubine, tj. svi folderi su na istom niovou:

css/
  main.css
js/
  main.js
fonts/
images/
libs/             // sve biblioteke idu ovde

Nastavi sa čitanjem „Kako organizovati frontend projekat koji raste?“

Advertisements

Kako preživeti jQuery? Vodič za refaktorisanje Javaskript koda

Ukoliko radite kao web developer, verovatno ste naleteli na „jQuery crevo“, nesagledivu budževinu Javaskript koda, nabacanog bez ikakvog reda. U većim firmama čak postoje „jQuery creva“ koje su stvarale generacije developera, kako je ko stigao. Pa kako se pobogu izboriti sa tim?? Srećom, pomoću malih i jednostavnih koraka možemo povratiti čitljivost i kontrolu nad kodom. Na osnovu dosadašnjeg refaktorisanja na desetine Javaskript aplikacija, napisao sam mali priručnik koji će Vam pomoći u tome: https://github.com/mudroljub/refaktorisanje/blob/master/jquery.MD Ukoliko imate bilo kakvih komentara ili ispravki, molim Vas dopunite. Nastavi sa čitanjem Kako preživeti jQuery? Vodič za refaktorisanje Javaskript koda

Refaktorisanje if/else uslova sa obrtanjem vrednosti

Na poslu sam nedavno u sklopu redovnog pregleda koda naišao na sledeći primer bespotrebnog if/else uslova, čije uklanjanje prilično dobro oslikava vrednost refaktorisanja.

Primer je dat u programskom jeziku CoffeeScript, ali rešenje je opšte primenljivo.

If/else uslov


if $scope.checkAll is false
  $scope.checkAll = true
  _.forEach $scope.clips, (item) - >
    item.DownloadSelected = true
else
  $scope.checkAll = false
  _.forEach $scope.clips, (item) - >
    item.DownloadSelected = false

Nastavi sa čitanjem „Refaktorisanje if/else uslova sa obrtanjem vrednosti“