Świeże zasoby dla projektantów stron internetowych i programistów (luty 2018 r.)

Od lat zajmując się tą serią byłem świadkiem, jak narzędzia przychodzą i odchodzą. ZA kilka nowych narzędzi jest publikowanych prawie co tydzień. Jednak w ciągu ostatnich kilku tygodni myślę, że trochę zwolniło, zajęło mi to trochę dłużej niż zwykle sięgnij do Github i innych źródeł, aby znaleźć nowe narzędzia które są darmowe, open-source i warte wspomnienia w tej serii.

W dzisiejszym poście mam zestaw narzędzi ze środowiska JavaScript, narzędzi do testowania i kilka narzędzi do tworzenia witryn WordPress. Sprawdźmy je.

Kutt

Na aplikacja, która skraca adresy URL za pomocą własnej nazwy domeny. Jest zbudowany na nowoczesnych, nowoczesnych stosach, takich jak Node.js, React i Redux funkcje, które są wbudowane, w tym URL chroniący hasłem, RESTful API, i wyszukane szczegółowe statystyki do monitorowania twoich adresów URL. Najlepszą rzeczą jest to, że jest darmowy i możesz go hostować na własnym serwerze.

WordHat

WordHat to narzędzie do integracji Behat z WordPress. Behat to open-source'owy framework do programowania behawioralnego (BDD) dla PHP, w którym możesz przetestować swoją aplikację PHP w bardziej ekspresyjny sposób.

Znajdziesz to narzędzie niezwykle przydatne, ponieważ twój motyw WordPress i wtyczka stają się bardziej skomplikowane dzięki funkcjom; WordHat i Behat zapewnią, że twój motyw lub wtyczka zachowa się zgodnie z oczekiwaniami gdy użytkownik wchodzi z nim w interakcję.

Przeglądarka WP

Podobnie jak WordHat, przeglądarka WP jest rozszerzeniem funkcji Codeception specjalnie zaprojektowany dla aplikacji, motywów i wtyczek WordPress. Odbiór Codeception to narzędzie do wykonania testowanie na twojej aplikacji, podobnie jak PHPUnit i Behat, ale jest w pakiecie z więcej. W tym możesz to zrobić Testowanie przeglądarek, BDD, testowanie integracji jednostek i testowanie API.

Węzeł WP Internacjonalizacja

Nazwa mówi sama za siebie. Jest to moduł NodeJS, który automatyzuje wiele rzeczy w celu umiędzynarodowienia motywów lub wtyczek. Zainstaluj moduł i wpisz wpi18n makepot wygenerować plik POT z tłumaczonego tekstu w twoich wtyczkach lub motywach WordPress.

Dzięki

Kolejny moduł NodeJS, który ostatnio działa na Githubie. “Dzięki” będzie wygeneruj listę opiekunów pakietów używanych w projekcie open-source i połącz go z ich darowizną lub stroną OpenCollective jako oznaką wdzięczności za ich wkład w społeczność.

Utwórz blok Guten

Gutenberg słyszy i zostanie wysłany z WordPress 5.0. To jest Moduł NPM do generowania płyty rozwojowej bloku Gutenberga z nowoczesnym stosem, takim jak React, Webpack, Babel i Sass. Po prostu uruchom wiersz poleceń ,utwórz-guten-blok, i jesteś gotowy.

WP Vue

WP Vue to szablon zbudowany z Vue do wyświetlania postów WordPress. Ten szablon jest doskonałym punktem wyjścia, jeśli chcesz stworzyć swoją stronę WordPress bezgłowy. Zobacz, jak to działa na stronie demonstracyjnej. Zmień adres URL punktu końcowego URL-a WP-API z dowolnej witryny WordPress; automatycznie ponownie wypełni posty tymi z nowego adresu URL punktu końcowego.

Bodziec

ZA nowa struktura JavaScript z Basecamp. W przeciwieństwie do React lub Vue, nie zmusza cię to do napisania całej aplikacji za pomocą JavaScript lub dodania atrybutów syntetycznych.

StimulusJS działa w zwykłym HTML, który już znaliśmy z dane- atrybuty. Nie wymaga również skomplikowanej konfiguracji kompilacji. Możesz po prostu dodaj skrypt na stronie tak jak w jQuery i to wszystko - zacznij pisać skrypt, aby Twoja aplikacja była żywa.

Manta

ZA darmowa aplikacja do tworzenia i zarządzania fakturami. Możesz dodać notatkę, ustawić walutę, zastosować zniżkę, dodać listę klientów lub klientów, dodaj swoje logo, zaprojektuj szablon faktury i pobierz go w formacie PDF. Jest dostępny dla systemów MacOS, Windows i Linux. Jeśli jesteś freelancerem, może to być faktura, której szukałeś, aby prowadzić swój wolny biznes.

Reaguj statycznie

Jak sama nazwa wskazuje, jest to narzędzie, które pozwala wygeneruj statyczną witrynę za pomocą React. Dostarczany jest wraz ze wszystkimi wstępnie skonfigurowanymi narzędziami, dzięki czemu możesz zacząć tworzyć treści dla sieci. I będąc stroną statyczną, możesz hostuj witrynę nawet na współdzielonym serwerze z niskimi zasobami.

Piklist

Piklist to WordPress, który rozwija pozwala zbudować kompleksową konfigurację strony z WordPress z mniejszym kodem. Dostarczany jest z zestawem funkcji pomocniczych i haków, które rozszerzają prawie wszystkie części WordPressa, takie jak strona Ustawienia, pola niestandardowe, powiadomienia administratora, shortcode, widgety, taksonomie, użytkownicy, i dużo więcej.

Strapi

ZA zawartość agnositic CMS framework do budowania API treści. Pozwala na zaprojektowanie własnej struktury treści i interfejsu API, a także zapewnia piękny panel administracyjny do zarządzania nimi. Nie zapewnia to jednak wbudowanego systemu szablonów. To oferuje wybór dowolnej biblioteki front-end według preferencji takie jak React lub Vue.

ParcelJS

ParcelJS to a pakowacz podobnie jak Webpack i Browserify, poza tym, że jest szybszy i wymaga zerowej konfiguracji. To obsługuje wspólny pakiet rozwojowy dla HTML, JS, CSS i transformatorów takie jak PostCSS i Babel poza Xbox. Możesz więc skupić się na kodzie zamiast tracić czas na konfigurację.

GoodShare

Biblioteka JavaScript do pokaż przycisk Social Media z liczbą akcji dla kilku mediów społecznościowych. Obsługuje wiele mediów społecznościowych, w tym te, o których nigdy nie słyszałeś, takie jak Vkontakte, Odnoklassniki, SurfingBird, a także kilka platform messenging, takich jak Skype, WhatsApp i LINE. GoodShare jest również dostępny jako komponent Vue.

CopyChar

Strona internetowa, która pozwala na znajdź i skopiuj znaki specjalne do schowka. Litery, interpunkcje, matematyka, strzałki i emotikony to niektóre z postaci znajdujących się na stronie. Po prostu kliknij lub naciśnij znak, aby skopiować znak do schowka.

Nerv

Nerv to kolejny reaktywna biblioteka VirtualDOM; alternatywa dla ReactJS. Przynosi znaną składnię JSX of React, ale z kilkoma znaczącymi różnicami. Nerv obsługuje Internet Explorer 8! i to tylko jedna trzecia rozmiaru React. Nadal, Nerv jest kompatybilny z dodatkami React w przypadku najbardziej złożonych.

HyperappJS

Kolejna biblioteka JavaScript, którą warto przeanalizować, aby zbudować aplikację internetową. To łączy zarządzanie stanem z silnikiem Virtual DOM który obsługuje aktualizacje klucza i zdarzenia cyklu życia, wszystkie bez zależności.

VulcanJS

Vulcan to a stos narzędzi do budowy nowoczesnej aplikacji internetowej. Jest w pakiecie z React, GraphQL i Meteor wstępnie skonfigurowanymi. Ponieważ jest to framework o pełnym stosie zapewniający cały szereg komponentów pomocniczych, które są dopracowany do zaplecza i frontonu, wszystko jest po prostu gotowe do pracy. Dzięki temu możesz szybko uruchomić swoją aplikację.

Koa11y

Aplikacja komputerowa dla systemów Windows, MacOS i Linux do badania problemów z dostępnością na stronie internetowej. Koa11y dostarczy zawiadomienia i ostrzeżenia, czy Twoja witryna narusza standardy dostępności.

To powinno być narzędzie w każdym zestawie narzędzi dla programistów. Spróbuj nawigować po stronach internetowych za pomocą klawiatury przez jeden dzień, aby zrozumieć, jak ważna jest dostępność.

TablePlus

Naprawdę ładna aplikacja GUI do zarządzania bazą danych. TablePlus obsługuje szeroką gamę silników baz danych, w tym (oczywiście) MySQL, SQLite, Redis, Postgres, MS SQL i wiele innych. TablePlus jest dostępny dla systemów MacOS i Windows.