Narzędzia i metodologie dla lepszego kodowania

Optymalizacja i organizacja mogą oznaczać wiele rzeczy, ale co to oznacza dla Ciebie? Robisz rzeczy szybciej, lepiej lub bardziej wydajnie? Czy to oznacza robienie rzeczy bardziej programowo, uproszczeniowo, czy przy użyciu narzędzi lepiej dopasowanych do wykonywanej pracy?

Cóż, najprawdopodobniej oznacza to trochę tego wszystkiego. Prawdopodobnie jesteś osobą, która pracuje jako programista lub projektant i cały czas próbujesz zoptymalizować przepływ pracy - i cóż, te rzeczy z pewnością mogą być tym, czego szukasz (przynajmniej trochę).

Ale pamiętaj, że bez względu na to, jak wiele porad i technik wykorzystujesz, oznacza to niewiele, chyba że wykonujesz swoją pracę. Mając to na uwadze, chciałbym zaoferować niektóre z moich ulubionych przepływów pracy i metod organizacji i optymalizacji.

Większość ludzi zakłada, że ​​muszą być zorganizowani i wydajni tylko wtedy, gdy pracują w zespole, bo przecież jeśli jesteś tylko jedną osobą, dlaczego nie skorzystać z własnej metody organizacyjnej? Cóż, nie ma w tym nic złego, ale trzeba użyć standardowych technik, aby jak najlepiej wykorzystać swój czas. Na przykład systemy kontroli wersji.

Również rzeczy takie jak superuzyty językowe i uproszczone narzędzia do składni języka mogą być bardzo pomocne. Rzućmy okiem na niektóre z nich w bardziej konkretny sposób i pamiętaj o tym, że pod koniec artykułu przejdę do kilku supersetów kodu i narzędzi, które koncentrują się na konkretnych językach, z którymi większość z nas pracuje. Reszta będzie raczej szeroka.

Przybory

Narzędzia to świetny sposób na zwiększenie szybkości pisania i implementacji kodu. Czasami mogą one rozpraszać uwagę, ale najczęściej mogą być bardzo pomocne. Będę mówił głównie o tych, które uwielbiałem przez lata, ale jest ich o wiele więcej, których nie będę omawiać - więc nie myśl, że to wyczerpująca lista, ale raczej lista możliwych pomysły. Pomyśl o tym, najlepiej, jak o punkcie skoku

Edytory tekstu

Redaktorzy tekstu są tematem wielu kontrowersji. Chodzi mi o to, spójrzmy prawdzie w oczy, spędzamy większość dnia w nich, i dlatego często mamy niesłychanie tendencyjne preferencje. Nie jestem poza tym kręgu uprzedzeń, więc nie oczekuj dziennikarskiego zrozumienia wszystkich edytorów tekstów na świecie tutaj. Ale raczej kilka moich ulubionych i dlaczego je lubię.

Jednak kiedy to czytasz, pamiętaj, że używam więcej niż jednego edytora tekstu i do bardzo konkretnych celów. Często zamykam kilka edytorów tekstu z plikami klientów wewnątrz nich. Rozumiem przez to, że w Sublime Text 2 mogę pracować nad projektem szyn i mieć pod ręką 14 kart, które zawsze uruchamiają Sublime, otwiera je wszystkie. A potem, aby tego nie przerwać, w rzeczywistości trzymam stronę klienta, że ​​robię projekt HTML lub CSS w TextMate. Piszę to zazwyczaj w osobnym folderze TextMate w Dropbox lub w Scrivener. Więc trzymam wszystko w oddzielny sposób. Tak więc, naturalnie, będę mówił o Sublime Text 2 (dostępne dla Windows i Mac) i TextMate (dostępne tylko dla Maca).

TextMate

TextMate jest jednym z najlepszych edytorów dla Mac. Ma uproszczony wygląd, piękny interfejs i potężny zestaw funkcji. Ale jednym z prawdziwych identyfikatorów jakości produktu jest społeczność, która za nim stoi. Jest nieokiełznany. Tworzą pakiety, skrypty i prawie wszystko, co możesz sobie wyobrazić.

Należy jednak pamiętać, że MacroMates (twórcy) naprawdę brakowało w jego rozwoju. To może być trochę przesada, ale minęły lata, zanim stworzyli drugą wersję, która dotyczyła wielu problemów i problemów ludzi. Mimo tego, że jest to powiedziane, wciąż pozostaje pięknym edytorem i miejscem, w którym lubię pisać Markdown lub kod prawie każdego typu. Używam go do wszystkiego, co mogę, kiedy nie używam Sublime Text 2. Ma również piękną czcionkę, a wiele osób napisało książki, artykuły, całe aplikacje internetowe, wszystkie używające tego pięknego edytora - i nie bez powodu. Dlaczego nie sprawdzasz dlaczego, i Sam zobacz .

Wysublimowany tekst 2

Sublime Text 2 to świetny edytor tekstów, ale nie jestem pewien, jaki rodzaj stenogramu na niego wskazywać - więc powiem po prostu Sublime. Sublime, jak to jest, jest świetnym edytorem. Nigdy go nie używałem przed wersją 2, ale powiem, że jest po prostu cudowna. Nie jestem tak pewny różnic - poza czcionką i domyślnym kolorem tła - między nią a TextMate. Powiem jednak, że uwielbiam czcionkę, której używa ( wiem, pozornie nieważne - ale ważne dla mnie ), a także uwielbiam sposób, w jaki wykonuje przeglądanie w kartach.

Zamiast mówić o funkcjach, zamiast tego opowiem o kilku innych rzeczach. Jedną rzeczą, która jest trochę uciążliwa, zanim przejdziemy do innych rzeczy , jest to, że nie można tego nazwać z linii poleceń równie łatwo jak TextMate. W TextMate wystarczy wpisać "mate." I otwiera ten katalog w małej szufladzie projektu, po prostu działa idealnie. Mimo to nadal można znaleźć Sublime przydatne bez tej funkcji. Po prostu czuję, że praca w Sublime jest rozkoszą. Nie jestem pewien dlaczego, może to, że działa na ciemnym tle, jest fajne, ale po prostu lubię pracować w Sublime. Używam go, gdy muszę wykonać ogromną pracę. To znaczy ogromny projekt szyn - lub coś podobnego. Sądzę, że również ci się to przyda, więc Sprawdź to .

Organizacja kodu i metodologia

Organizacja jest tematem, wokół którego toczy się wielka debata. Wiele osób naprawdę nie preferuje skomplikowanych systemów, aby pomóc im utrzymać porządek, ale w rzeczywistości odrobina komplikacji w krótkim okresie może pomóc Ci utrzymać porządek na dłuższą metę. Wiem, że to brzmi nieintuicyjnie, ale jest bardzo dokładne. Zwłaszcza jeśli chodzi o systemy kontroli wersji. Weź to ode mnie, kogoś, kto jest uzależniony od FTP, a ja wciąż to robię i nigdy nie byłem bardziej zadowolony z używania systemu kontroli wersji.

Używanie kontroli źródła jest świetnym sposobem na utrzymanie porządku. Upewnienie się, że kopie zapasowe procesu tworzenia są naprawdę ważne, a pozostawianie ich różnym hierarchiom folderów nie jest tak naprawdę "na dłuższą metę". Mam na myśli, że może się wydawać, że dobrze, gdy komputer jest uruchomiony, ale jeśli masz awarię lub awarię dysku twardego, jesteś drobnym utraconym.

Co jednak możesz zrobić, żeby to rozwiązać? Cóż, możesz użyć systemu kontroli wersji, który wykonuje migawkę katalogu deweloperskiego w trakcie pracy. Używanie tego jest naprawdę świetnym sposobem na posiadanie stałej nowej wersji i stałego dostępu do kopii zapasowych w przypadku błędów lub jakiejś utraty. Po prostu dobrze jest mieć okres. Mam na myśli, myślę, ile razy byłeś "Zastanawiam się, jak to zrobiłem, lub zaimplementowałem tę funkcję." Cóż, teraz dosłownie wiesz.

Mówiąc o systemach kontroli wersji, git to świetny sposób na zrobienie tego. Nie potrzebujesz nawet żadnej wiedzy na temat systemów takich jak Mercurial lub Subversion, aby skontaktować się z systemem VC, którym jest Git. Właściwie to nie miałem żadnego doświadczenia z tymi systemami i naprawdę szybko zacząłem działać z Git.

Możesz wykonywać polecenia bezpośrednio z GitHub kiedy otwierasz repozytorium, a następnie wpisujesz je do swojego terminala, a następnie dosłownie znasz prawie wszystko, czego potrzebujesz. Następnie wystarczy, że wykonasz polecenie commit, kiedy tylko chcesz dokonać zmiany. Pamiętaj jednak, że jeśli masz już pliki dev w folderze, możesz użyć "git add.", Zamiast przykładu "dotknij README", aby dodać wszystkie swoje pliki. Bardzo podobny pomysł do otwarcia TextMate lub okna w terminal, gdzie okres oznacza takie działanie .

Teraz, zanim skończę w tej sekcji, chciałbym powiedzieć, że nigdy nie używałem Mercurial ani Subversion, ale są to możliwe opcje i są dość popularne wśród niektórych tłumów. Istnieją nawet strony internetowe, które umożliwiają hostowanie plików z takich systemów, jak SourceForge, podobnie jak robi to GitHub.

Zanim skończę, chcę wspomnieć o jeszcze jednej rzeczy. Git GUI, który pomoże ci w tym procesie. I to jest, GitBox . Jest to naprawdę świetny program, i zasadniczo wszystko, co musisz zrobić, aby go użyć, jest skonfigurowane w repozytorium w taki sam sposób, jak w dowolnym innym czasie (z linii poleceń). Następnie wystarczy otworzyć GitBox i dodać odpowiedni katalog z komputera, a Ty jesteś dosłownie cały zestaw.

Za każdym razem, gdy wprowadzisz zmianę, zostanie ona automatycznie zauważona i wyświetlona w GitBox, a następnie możesz zostawić komentarz do zatwierdzenia, a następnie Naciśnij. Należy jednak pamiętać, że metoda ta brzmi: "zmień -> komentarze (jeśli to konieczne / dowolne) -> zatwierdzenie -> naciśnij".

Upewnij się, że naciskasz tylko po zatwierdzeniu, w przeciwnym razie nic się nie stanie. A jeśli pracujesz z zespołem, upewnij się, że wykonujesz ciąg przed komentarzami, zobowiązaniami lub cokolwiek, aby się upewnić, że nie masz żadnych błędów.

Supersets i narzędzia kodu

Nadrzędny zestaw często definiowany jest przez składnię kodu lub ekstrapolację, która znajduje się nad językiem poniżej. Przykładem tego może być program CoffeeScript oparty na JavaScript - lub Node.js na węźle Node (chociaż może to być również biblioteka). Można go również opisać jako coś w rodzaju SASS lub LESS, które znajduje się na szczycie CSS, co faktycznie dodaje funkcjonalność i nowe metody obsługi rzeczy.

SASS, także, dodaje nową dostępną składnię, która będzie podobna do tego, w jaki sposób CoffeeScript oferuje JavaScript. Dobrym przykładem biblioteki będzie oczywiście jQuery na JavaScript. Jest to coś, co wszyscy prawdopodobnie już znamy i kochamy, ale to dobre przypomnienie, że używamy Biblioteki i / lub Superset.

Teraz nie będę mówić o każdej Bibliotece na świecie - ponieważ po prostu nie użyłem ich wszystkich. Nie chcę też, aby ten artykuł skupiał się na konkretnych bibliotekach. W związku z tym postanowiłem zamiast tego mówić o supersetach i narzędziach kodu dla niektórych języków, z których korzysta większość z nas. Na przykład: HTML, CSS i Ruby on Rails.

Zamiast skakać od razu, rzućmy okiem na kilka przykładów, aby pomóc zrozumieć, dlaczego używałeś tych narzędzi i / lub supersetów. Na przykład, powiedzmy, że pracujesz w CSS i HTML in Rail (z twoim programistą, być może, lub będąc deweloperem) i masz wrażenie, że marnujesz czas na pisanie tak dużo ERB (w ten sposób dodajesz kod Ruby do railsów będą pisać na szynach - o tym więcej tutaj ).

Cóż, świetną rzeczą byłoby użycie HAML przyspieszyć pisanie kodu HTML, a także przyspieszyć wdrażanie w nim kodu Ruby. HAML to nadzbiór typu HTML, który umożliwia pisanie kodu HTML bez obawy o zamknięcie znaczników, a także pozwala wykorzystać białą przestrzeń na swoją korzyść - podobnie jak w Pythonie. Rzućmy okiem na przykład.

A to tworzy:

Z pewnością możesz zobaczyć, jak zaoszczędziłoby to ci dużo czasu. Jest również naprawdę zabawny i czysty do napisania. Jest to prawdziwa radość, szczerze.

A co z tym CSS? Możesz zaoszczędzić wiele czasu również na pisaniu! SASS oferuje bardzo podobną funkcjonalność, ale bez konieczności uczenia się nowej formy składni. Tak więc z jednym podzbiorem SASS (jeden podzestaw supereklamy) można w rzeczywistości wykorzystać białą przestrzeń na swoją korzyść. Spójrzmy więc, jak to jest.

Cóż, w SASS wyglądałoby to tak:

Jak widać, w SASS nie potrzebujemy {} ani zamykających średników. Używamy również białego spacji do oznaczenia, że ​​rozmiar czcionki jest elementem potomnym klasy "opakowania".

withLet mówi, że Ty także zakładasz, że tylko ludzie pracujący w backendach używają systemów kontroli wersji, ale w rzeczywistości wszyscy powinniśmy wiedzieć, że tak nie jest. Możesz używać git i Github, aby zachować ścieżkę za każdym razem, gdy wykonasz zatwierdzenie kodu, a dzięki narzędziom takim jak Gitbox nigdy nie było to łatwiejsze.

Teraz, oczywiście, nie wszyscy będziecie używać Ruby on Rails podczas pisania kodu - ale wyobrażam sobie, że pracowaliście z ludźmi, którzy z niego korzystają. W każdym razie, niezależnie od tego, załóżmy kilka rozwiązań dla osoby samotnej, która nie pracuje lub używa Railsów w jakikolwiek sposób. Dla CSS LESS to świetne rozwiązanie. Kodowanie Zen to także rozwiązanie dla każdego, kto nie pracuje z Railsami, ale po prostu chce przyspieszyć tempo, w którym wpisują standardowe tagi HTML. Jest to bardzo przydatne dla każdego. Kodowanie Zen jest naprawdę łatwe do rozpoczęcia pracy. o używaj rzeczy takich jak kodowanie Zen, aby ułatwić sobie tagi HTML. Na przykład pisanie:

dostajesz:

Możesz także nadal używać LESS, aby uzyskać mixiny i zmienne i tym podobne. Z tym łatwo pracować.

Możesz także pobrać fajne narzędzie do pracy w terminalu o nazwie Go2Shell. Jest dostępny w sklepie z aplikacjami mac za darmo. Możesz tego użyć, gdy potrzebujesz otworzyć terminal w określonym katalogu, który jest dość powszechny. Aby go użyć, po prostu przejdź do tego katalogu w wyszukiwarce i po prostu kliknij program go2shell i bum twój terminal otwiera się na ten plik. To jest niesamowite. I to będzie na razie o tym zapomnieć, ale zostańcie czujni aż do letniego, choć krótkiej listy miejsc do odwiedzenia z tego artykułu.

Są to jedne z najbardziej użytecznych supersetów i narzędzi, które znam, aby uzyskać jedne z najlepszych wyników. Chciałbym jednak wspomnieć, że nie była to wyczerpująca ani pełna lista w żaden sposób, więc proszę, idźcie dowiedzieć się więcej na jej temat. Zgodnie z obietnicą, oto kilka linków do tego, o czym wspomnieliśmy w artykule. GitBox , GitHub , Kompas , SASS , HAML , MNIEJ , Ruby on Rails . Pomyślnych łowów!

• ← Roundup pojedynczych stron internetowych
• Profesjonalny monitoring witryny za darmo! →