8 projektów edukacyjnych

„Mistrz popełnia więcej błędów niż początkujący próbuje”

Oferujemy 8 opcji projektów, które można wykonać „dla zabawy” w celu zdobycia prawdziwego doświadczenia programistycznego.

Projekt 1. Klon Trello

Klon Trello od Indreka Lasna.

Czego się nauczysz:

• Organizacja tras przetwarzania żądań (Routing).
• Przeciągnij i upuść.
• Jak tworzyć nowe obiekty (tablice, listy, karty).
• Przetwarzanie i sprawdzanie danych wejściowych.
• Od strony klienta: jak korzystać z magazynu lokalnego, jak zapisywać dane do magazynu lokalnego, jak odczytywać dane z magazynu lokalnego.
• Od strony serwera: jak korzystać z baz danych, jak zapisywać dane w bazie, jak odczytywać dane z bazy.

Oto przykład repozytorium, wykonane w React+Redux.

Projekt 2. Panel administracyjny

Repozytorium Githuba.

Prosta aplikacja CRUD, idealna do nauki podstaw. Nauczmy się:

• Twórz użytkowników, zarządzaj użytkownikami.
• Interakcja z bazą danych - twórz, czytaj, edytuj, usuwaj użytkowników.
• Sprawdzanie poprawności danych wejściowych i praca z formularzami.

Projekt 3. Tracker kryptowalut (natywna aplikacja mobilna)

Repozytorium Githuba.

Wszystko: Swift, Objective-C, React Native, Java, Kotlin.

Pouczmy się:

• Jak działają aplikacje natywne.
• Jak pobrać dane z API.
• Jak działają natywne układy strony.
• Jak pracować z symulatorami mobilnymi.

Wypróbuj ten interfejs API. Jeśli znajdziesz coś lepszego, napisz w komentarzach.

Jeśli jesteś zainteresowany, tutaj jest tutaj jest tutorial.

Projekt 4. Skonfiguruj od podstaw własną konfigurację pakietu internetowego

Technicznie rzecz biorąc, nie jest to aplikacja, ale bardzo przydatne jest zrozumienie, jak działa webpack od środka. Teraz nie będzie to „czarna skrzynka”, ale zrozumiałe narzędzie.

wymagania:

• Skompiluj es7 do es5 (podstawy).
• Skompiluj jsx do js - lub - .vue do .js (musisz nauczyć się programów ładujących)
• Skonfiguruj serwer deweloperski pakietu internetowego i przeładowanie modułu na gorąco. (vue-cli i create-react-app używają obu)
• Użyj Heroku, now.sh lub Github, dowiedz się, jak wdrażać projekty pakietów internetowych.
• Skonfiguruj swój ulubiony preprocesor do kompilacji css - scss, less, rysik.
• Dowiedz się, jak używać obrazów i plików SVG w pakiecie internetowym.

To niesamowite źródło informacji dla zupełnie początkujących.

Projekt 5. Klon Hackernews

Każdy Jedi ma obowiązek tworzyć własne Hackernews.

Czego dowiesz się po drodze:

• Jak wchodzić w interakcję z API hackernews.
• Jak utworzyć aplikację jednostronicową.
• Jak wdrożyć funkcje takie jak przeglądanie komentarzy, komentarzy indywidualnych, profili.
• Organizacja tras przetwarzania żądań (Routing).

Projekt 6. Tuduszeczka

WszystkoMVC.

Poważnie? Tuduszka? Są ich tysiące. Ale uwierz mi, istnieje powód tej popularności.
Aplikacja Tudu to świetny sposób, aby upewnić się, że rozumiesz podstawy. Spróbuj napisać jedną aplikację w waniliowym JavaScript i jedną w swoim ulubionym frameworku.

Uczyć się:

• Twórz nowe zadania.
• Sprawdź, czy pola są wypełnione.
• Filtruj zadania (ukończone, aktywne, wszystkie). Używać filter и reduce.
• Zrozum podstawy JavaScriptu.

Projekt 7. Sortowalna lista typu „przeciągnij i upuść”.

Repozytorium Githuba.

Bardzo pomocne w zrozumieniu przeciągnij i upuść API.

Nauczmy się:

• Przeciągnij i upuść interfejs API
• Twórz bogate interfejsy użytkownika

Projekt 8. Klon Messengera (aplikacja natywna)

Zrozumiesz, jak działają zarówno aplikacje webowe, jak i aplikacje natywne, co wyróżni Cię z szarej masy.

Co będziemy studiować:

• Gniazda internetowe (wiadomości błyskawiczne)
• Jak działają aplikacje natywne.
• Jak szablony działają w aplikacjach natywnych.
• Organizowanie tras przetwarzania żądań w aplikacjach natywnych.

To wystarczy ci na miesiąc lub dwa.

Tłumaczenie zostało wykonane przy wsparciu firmy Oprogramowanie EDISONktóry jest zaangażowany zawodowo tworzenie aplikacji i stron internetowych w języku PHP dla dużych klientów, jak również rozwój usług chmurowych i aplikacji mobilnych w języku Java.

Źródło: www.habr.com