Pengembang JavaScript Fullstack - kursus RUB 59.200. dari Universitas Innopolis, pelatihan 4 bulan

SAYA. Pendahuluan. Toolkit, git, pengaturan proyek

Di blok pertama, kami akan membekali seluruh peserta kursus dengan seperangkat alat yang diperlukan untuk maju melalui topik. Konsultasi instalasi individu akan diadakan, di mana kami akan menentukan tujuan individu untuk kursus, berdasarkan pengalaman pengembangan pribadi Anda. Sebagai hasil dari blok ini, Anda akan mempelajari cara mengonfigurasi perakitan aplikasi SPA secara mandiri dengan praprosesor CSS apa pun menggunakan webpack. Dan juga mendapatkan pemahaman dasar tentang bahasa TypeScript serta fitur konfigurasi dan penggunaannya.

— Dalam pelajaran pertama kami akan menunjukkan kepada Anda seperangkat alat yang diperlukan, cara menginstal dan mengkonfigurasinya. Anda akan mempelajari cara menyiapkan pembangunan proyek React dari awal.

— Kenali dasar-dasar bahasa TypeScript dan perbedaannya dari JavaScript.

II. Reaksi

Pada blok kedua, tim akan dibentuk, konsultasi akan beralih ke pertemuan tim. Pada pertemuan seperti itu, kami akan memutuskan proyek, membentuk serangkaian fungsi, yang akan menjadi tujuan kursus kami. Anda akan mengembangkan tata letak dan pada akhir blok Anda akan menata semua halaman proyek tim di React.

— Mari mengenal sejarah kemunculan web framework, mendiskusikan kelebihan dan kekurangan React, dan mulai mengembangkan komponen pertama di React.

— Mari pelajari praktik terbaik untuk mengatur struktur aplikasi React. Mari selami detail rendering komponen React. Mari kita mulai menggunakan pendekatan CSS-IN-JS modern untuk menata komponen React berdasarkan komponen yang ditata.

— Mari pelajari cara bekerja dengan benar dengan komponen utama komponen React - Props dan State, yang akan membantu menambah fleksibilitas pada komponen. Mari kita cari tahu metode interaksi yang benar dengan elemen DOM dari komponen React.

— Mari terus mempelajari React API, mencari cara untuk berinteraksi dengan komponen turunan, dan mempelajari cara menghindari masalah props yang tidak ada habisnya dengan menggunakan konteks. Mari kita lihat pendekatan alternatif untuk memperluas kemampuan komponen React.

— Mari kita menganalisis siklus hidup suatu komponen, memahami cara mengimplementasikannya, yang akan memungkinkan kita memperkaya komponen dengan jenis logika baru.

— Mari kita pahami bagaimana React mampu sepenuhnya beralih dari komponen kelas ke komponen fungsional menggunakan pola Hooks yang baru. Mari berkenalan dengan kaitan dasar React.

— Kita akan mengetahui secara pasti cara kerja peralihan antar halaman tanpa memuat ulang, dan juga mengimplementasikan React-Router ke dalam pekerjaan tersebut.

— Mari pelajari cara mengembangkan aplikasi React multibahasa.

— Mari kita lihat cara untuk memperkenalkan fleksibilitas dalam gaya antarmuka, bekerja dengan tema (misalnya, terang/gelap), bekerja dengan ikon dan animasi menggunakan lotty sebagai contoh.

AKU AKU AKU. Nodejs

Pada langkah ini, Anda akan mengimplementasikan server Anda di Node.js menggunakan perpustakaan Express.js. Menerapkan API untuk proyek tim. Belajar bekerja di program tukang pos. Pelajari dasar-dasar penggunaan image buruh pelabuhan menggunakan contoh bekerja dengan database Mongodb.

— Pengenalan Node.js, sejarahnya dan dasar-dasar manajer paket.

— Cari tahu bagaimana Node.js bekerja dengan file, bagaimana modul dibuat dan dipublikasikan, dan kenali fitur-fitur proses ini.

— Pelajari cara membangun server di Node.js menggunakan kerangka Express.js.

— Melanjutkan mempelajari fitur-fitur server di Express.js.

IV. reduks

Setelah menyelesaikan blok ini, Anda akan memahami bagaimana interaksi dengan API backend terjadi dalam aplikasi React modern. Pelajari cara mengembangkan dan mengelola stub stub untuk pengembangan lokal, pelajari cara membuat aplikasi microfrontend yang dapat dikonfigurasi agar berfungsi dengan server nyata.

— Untuk mendapatkan pemahaman mendalam tentang cara kerja State Manager Redux, mari tulis versi kita sendiri dan pahami dasar-dasar penggunaan Redux.

— Mari kita lihat dalam praktiknya bagaimana dan mengapa Redux digunakan dalam bentuk klasiknya.

— Kuasai penggunaan dan pahami konsep penyeleksi dengan dan tanpa kait.

— Berdasarkan pengetahuan sebelumnya, mari pertimbangkan penggunaan Redux yang lebih modern berkat pustaka @reduxjs/toolkit.

— Mari kita pahami seluk-beluk bekerja dengan server dan peran Redux dalam proses ini.

V. Bersenda gurau

Di blok ini, kita akan mengeksplorasi bagaimana dan mengapa menguji aplikasi web. Anda akan mempelajari cara menguji aplikasi Anda dan meningkatkan cakupan pengujian kode Anda ke standar industri sebesar 80%. Anda akan mempelajari prinsip-prinsip pengujian aplikasi menggunakan perpustakaan Jest sebagai contoh.

— Mari kita bahas mengapa Anda perlu menulis tes dan bagaimana melakukannya dengan cepat dan efisien.

— Kuasai pengaturan kerangka pengujian Jest dari awal.

— Kelanjutan dari topik sebelumnya dengan fokus pada pengujian Unit.

— Anda akan melihat cara menambahkan pengujian UI ke proyek.

VI. Aplikasi Halaman Tunggal

Di blok ini, kita akan mengeksplorasi teknologi yang akan digunakan di semua aplikasi web modern dan tersedia setelah dukungan dari Internet Explorer dihapus. Ini terjadi pada 15 Juni 2022.

— Mari berkenalan dengan ide aplikasi satu halaman.

— Mari cari tahu cara menulis pustaka komponen Anda sendiri.

— Mari kuasai multithreading di Node.js.

— Mari menulis obrolan di soket web. Anda akan meretasnya dengan tangan Anda sendiri di kelas, dan juga belajar cara bertahan dari serangan semacam itu.

— Mari kita lihat cara membuat obrolan video Anda sendiri untuk dua orang.

— Mari berkenalan dengan dasar-dasar pengaturan server di Nginx dan penyeimbangannya. Kami juga akan mempelajari cara menghubungkan mesin pencari dengan aplikasi SPA kami.

Pertahanan proyek akhir