Pengembang web dari awal - kursus 72.900 gosok. dari Brunoiam, pelatihan 9 bulan, tanggal 27 November 2023.
Miscellanea / / November 27, 2023
Pelatihan efektif maksimal
Pengetahuan saat ini
Kursus dikembangkan setelah menganalisis lowongan dan diperbarui setiap enam bulan. Tidak ada yang berlebihan - kami hanya mengajarkan apa yang berguna dalam pekerjaan
Peran mentor
Jauh lebih mudah untuk mempelajari hal-hal baru dengan mentor pribadi yang akan membenamkan Anda dalam proyek Anda, membantu Anda mengembangkan kekuatan Anda dan tidak akan meninggalkan Anda sendirian dalam kesulitan.
Proyek nyata
Menyelesaikan proyek membawa siswa lebih dekat dengan kondisi kerja nyata. Proyek membantu tidak hanya mempelajari materi, tetapi juga membenamkan diri dalam profesinya
Sederhana, cepat dan nyaman
Struktur yang jelas. Kursus ini dibagi menjadi beberapa modul. Modul untuk pelajaran. Setiap pelajaran merupakan teori yang dipadukan dengan pengalaman pribadi guru. Tanpa salam panjang dan air
Untuk siapa kursus ini?
Bagi yang ingin menjadi web developer
Tujuan utama kursus ini adalah untuk mempersiapkan Anda menghadapi profesi tersebut. Setelah pelatihan, Anda akan dapat menemukan pekerjaan dan dengan cepat mengembangkan keterampilan Anda di perusahaan
Bagi yang ingin mencoba daerah baru
Pemrograman web tetap menjadi salah satu profesi yang paling diminati dan tidak akan kalah. Ini adalah bidang yang menjanjikan dan masih ada waktu untuk digarap agar berhasil bersaing di pasar tenaga kerja
Cara kerja pelatihan
- Belajarlah sesuai jadwal yang cocok untuk Anda
- Berlatihlah mengerjakan pekerjaan rumah Anda. Mereka terdiri dari tiga tingkat kesulitan
- Kerjakan proyek secara bersamaan. Mereka akan masuk ke portofolio Anda
- Kirimkan tugas praktis kepada mentor Anda. Dia akan memberikan umpan balik terperinci dalam waktu 24 jam
Teknologi yang akan Anda pelajari:
- HTML adalah bahasa markup di mana situs web dibangun. Memberi tahu browser cara menampilkan situs yang dimuat
- CSS adalah bahasa penataan. Berinteraksi dengan browser untuk menata gaya dokumen
- Github - layanan cloud untuk mengerjakan kode dalam tim
- Teknologi dan protokol jaringan - TCP/IP, HTTP, HTTPS, FTP
- JavaScript adalah bahasa pemrograman paling populer di Internet. Menjelaskan perilaku elemen halaman web atau browser
- Node.js adalah lingkungan untuk menjalankan kode JavaScript di luar browser. Digunakan untuk mengotomatiskan tugas-tugas rutin
- React Basics - perpustakaan untuk mengembangkan antarmuka, memungkinkan Anda membuat komponen antarmuka lebih cepat
- Basics TypeScript adalah bahasa pemrograman yang dikembangkan oleh Microsoft yang menambahkan sistem tipe pada fleksibilitas dan kemampuan dinamis JS.
- Dasar-dasar PHP - salah satu bahasa terkemuka dalam pengembangan web modern
- Figma/Adobe Photoshop - editor grafis untuk tata letak situs web berdasarkan tata letak desainer web
2
kursusPengalaman kerja Beralih ke pengembangan web pada tahun 2014. Sejak 2017, ia bekerja sebagai pengembang front-end di agensi digital Kelnik, mengembangkan situs web besar untuk pengembang real estate perumahan dan toko online. Saya bekerja selama lebih dari setahun di internasional...
pengalaman
Beralih ke pengembangan web pada tahun 2014. Sejak 2017, ia bekerja sebagai pengembang front-end di agensi digital Kelnik, mengembangkan situs web besar untuk pengembang real estate perumahan dan toko online. Saya bekerja untuk perusahaan internasional Wrike selama lebih dari setahun. Sekarang menjadi pengembang independen.
Tentang saya
Saya tidak selalu dikaitkan dengan web - Saya memulai karir saya pada tahun 2007 sebagai insinyur proses di bidang ventilasi, meskipun mata pelajaran favorit saya di sekolah adalah ilmu komputer. Pada tahun 2014, ia kembali "ke akarnya", dimulai dengan tata letak situs web - html, css, jQuery. Proyek pertama adalah situs web salon tirai untuk kerabat. Saya bangga - saya mengetiknya dan mentransfernya ke WordPress sendiri :) Setelah itu ada jalan sulit menuju pekerjaan lepas dan pengalaman luar biasa dalam agensi dan pengembangan produk. Ikuti kursus ini - kita akan belajar cara menulis kode, mendapatkan keterampilan baru dalam membuat situs web, dan mencari tahu bagaimana dan di mana menerapkan keterampilan ini!
1
SehatPengalaman pengembang frontend. Saya memulai karir saya sebagai freelancer, dan sekarang saya bekerja sebagai full-stack developer untuk sebuah perusahaan. Tentang diri saya, saya tidak berdiri di satu tempat, saya selalu mempelajari teknologi baru. Saya tahu bagaimana rasanya berganti profesi. Itu sebabnya...
pengalaman
Pengembang bagian depan. Saya memulai karir saya sebagai freelancer, dan sekarang saya bekerja sebagai full-stack developer untuk sebuah perusahaan.
Tentang saya
Saya tidak berdiri di satu tempat, saya selalu mempelajari teknologi baru. Saya tahu bagaimana rasanya berganti profesi. Oleh karena itu, saya fokus menjelaskan topik kompleks dalam bahasa sederhana dan membantu siswa mengkonsolidasikan pengetahuan mereka dengan contoh.
“Saya terutama memperhatikan penyajian materi yang menarik, banyaknya pengetahuan dan keterampilan, serta jenis informasi yang mudah diakses. Presentasi yang jelas. Terima kasih atas materi yang terorganisir, semuanya logis!"
— Polina Sergeevna, WB296-2459
Blok 1 - Dasar-dasar teknologi web
- Menetapkan tujuan pribadi untuk kursus
- Jenis situs, fungsionalitas
- Tahapan pembuatan website, profesi industri utama
- Teknologi jaringan dan protokol Internet: TCP/IP, HTTP, HTTPS, FTP
- Hosting dan domain, sistem DNS
- Model Klien dan Server
- Peran browser dan editor kode
- Menyiapkan ruang kerja Anda
- Sistem kontrol versi. Git
Blok 2 - HTML
- Pengantar HTML: Konsep Tag dan Atribut
- Pengkodean teks HTML
- Tag untuk membentuk teks
- Hyperlink dan alamat file
- Tautan jangkar
- Tautan untuk menelepon dan mengirim email
- Tabel dalam HTML
- tag img dan atributnya. Aturan untuk memposting gambar. Format gambar: mana yang harus dipilih
Blok 3 - CSS
- Sintaks CSS Dasar
- Jenis penyeleksi utama: pengidentifikasi, kelas, kelas semu
- Poin kekhususan dan prioritas aturan
- Warisan kaskade dan properti
- Pemilih kontekstual dan universal
- Properti Teks dan Font di CSS
- Menghubungkan font eksternal
- Warna HEX dan RGB. Menambahkan latar belakang seragam ke elemen. Gambar latar belakang untuk halaman, pengaturan latar belakang
Blok 4 - Model blok dan tata letak halaman web
- Memahami elemen blok dan inline
- Properti utama blok
- Bagaimana ukuran blok dan ukuran kotak dihitung: border-box
- Apa itu model blok
- Menggunakan blok untuk membangun tata letak
- Elemen blok sebaris
- properti tampilan
- Metode konstruksi tata letak yang ketinggalan jaman: Anda tahu, Anda tidak bisa menggunakannya
Blok 5 - Tata letak multi-kolom dengan Flexbox
- Tag semantik untuk desain tata letak
- Dasar-dasar Flexbox: Kontainer dan Elemen
- Menyelaraskan elemen sepanjang sumbu utama dan melintang
- Mengubah sumbu dan penyelarasan elemen secara vertikal
- Masalah saat menggunakan flexbox
Blok 6 - Dasar-dasar editor grafis untuk desainer tata letak
- Bekerja dengan gambar: memotong, memotong
- Menyimpan: format, kualitas, berat
- Cara mengetahui kode warna
- Alat Font
- Menyalin CSS yang sudah jadi
- Mengukur jarak: alat, pengaturan
- Efek dan penyalinannya
- Menyematkan peta dan video
Blok 7 - Pemosisian
- Jenis pemosisian: statis, absolut, relatif, tetap
- Fitur berbagai jenis pemosisian
- indeks-z dan konteks overlay
- Kapan dan bagaimana menggunakan pemosisian
- Contoh menu drop-down bertingkat
- Memecahkan masalah penentuan posisi yang umum
Blok 8 - Formulir umpan balik
- Elemen formulir dasar: input, pilih, textarea, tombol
- Keadaan lapangan dan kelas semu
- Kotak centang elemen pemilihan, radio, pilih
- Elemen pengelompokan: kumpulan bidang dan legenda
- Gaya untuk elemen semu placeholder
- Aturan gaya penulisan formulir
- Tombol penataan gaya
Blok 9 - Desain web responsif dan adaptif
- Konsep desain web adaptif dan responsif
- Pertanyaan media
- Opsi Area Pandang dan Tag Area Pandang Meta
- Masalah lintas browser
- Validitas kode, validator
- Fitur situs multi-halaman
- Aturan tata letak untuk promosi SEO
Blok 10 - Animasi menggunakan HTML5 dan CSS3
- Transisi halus untuk membuat efek animasi
- Animasi menggunakan keyframe
- Transformasi elemen
- Menambahkan elemen animasi dasar ke situs
Blok 11 - Dasar-dasar JavaScript
- Pengantar JavaScript
- Variabel dan tipe data
- Operator matematika dan konversi tipe
- Operator logika
- Cabang dan pernyataan bersyarat
- Fitur interaksi pengguna bawaan
Blok 12 - Loop dan array dalam JavaScript
- Array
- Metode untuk bekerja dengan array
- perulangan for dan while
- Array Bersarang
- Bekerja dengan konsol
Blok 13 - Fungsi
- Definisi suatu fungsi. Fungsi panah dan perbedaannya dari biasanya. Ekspresi Fungsi dan Deklarasi Fungsi.
- Area visibilitas. Bagaimana itu bekerja. Lingkungan Leksikal.
- Pengatur waktu dan penutupan. Fungsi setInterval, setTimeout, clearInterval, clearTimeout. Apa itu penutupan dan bagaimana cara menggunakannya.
- Fungsi panggilan balik
Blok 14 - Objek. DOM. Acara
- Objek dan kamus. Cara membuat objek. Kata kuncinya adalah ini. Mendapatkan, mengubah dan menghapus properti objek. Tautan ke objek.
- Warisan prototipe. Cara kerja pewarisan properti dan metode. Desainer.
- Kelas. Definisi kelas dan keuntungan penggunaan. Perluasan kelas. Metode privat dan metode publik. Pengambil dan penyetel. Contoh pembuatan program menggunakan kelas dan arsitektur MVP.
- DOM. Model objek halaman dan mengapa diperlukan. Menemukan elemen pada halaman dan mengambilnya kembali. Pencacahan unsur dan sifat dasar.
- Acara
Blok 15 - Animasi dan efek dalam JavaScript
- Animasi JavaScript. Mengubah properti elemen CSS. Kurva Bezier. Contoh animasi.
- Render di browser. Properti yang dioptimalkan. fungsi permintaanAnimationFrame.
- Perpustakaan dengan animasi
Blok 16 - Elemen interaktif
- Penggeser
- Akordeon
- Keterangan alat
Blok 17 - Node.js
- Pengantar Node.js. Fitur Node.js. Secara singkat tentang modul dan tujuannya: fs, child_process, https.
- NPM. Perintah dasar manajer paket npm. Inisialisasi proyek dan instalasi paket pertama. struktur package.json.
- Dasar-dasar Paket Web. Mengapa kita membutuhkan assembler dan tahapan apa yang dapat diotomatisasi? Konfigurasi Webpack pertama dan otomatisasi pembuatan: minifikasi kode, penggabungan modul, dan penggunaan praprosesor SCSS.
- Praprosesor SCSS. Keuntungan dari praprosesor. Tinjauan singkat tentang perbedaan antara beberapa: SCSS, SASS, Less, post-css. Konstruksi dasar: variabel, mixin, fungsi.
Blok 18 - Bekerja dengan server
- Janji API
- Menghubungi server dan kelas XMLHttpRequest
- metode pengambilan
- Perpustakaan Aksios
Blok 19 - Dasar-dasar React
- Komponen dan BEJ
- Kondisi Komponen
- Kait
- Komponen Penataan
- React-Router
Unit 20 - Dasar-dasar TypeScript
- Pengetikan statis
- Antarmuka dan tipe
- Jenis enum
Blok 21 - Ikhtisar peta jalan pengembang JS
- Secara singkat tentang bagaimana mengembangkan lebih lanjut sebagai pengembang dan apa yang harus dipelajari
Blok 22 - Dasar-dasar pemrograman PHP
- Tujuan dari teknologi server
- Server web dan domain lokal
- Membuat halaman web dinamis
- Konsep sistem CMS
- Hosting situs web
- Protokol FTP untuk mengunduh file
- Menyimpulkan dan menyelesaikan proyek
Tingkat bonus
Kursus gratis "Belajar untuk belajar"
Kami memberikan setiap siswa akses terhadap kursus ini agar pelatihan tidak sia-sia. Permasalahannya adalah masyarakat tidak mendapatkan hasil dari pelatihan. Ada tiga alasan utama:
- Tidak ada tujuan yang jelas. Dan bahkan mereka yang memahami pentingnya tujuan masih belum melakukannya. Saya ingin mengubah pekerjaan saya dan menjadi manajer media sosial yang keren - bukan tujuan, tapi keinginan. Dengan pengaturan ini, hasilnya akan sesuai.
- Meninggalkan pembelajaran di tengah jalan. Banyak orang menemukan motivasi di minggu pertama. Namun tidak mungkin mencapai akhir. Karena otak tidak suka belajar secara teratur.
- Kurangnya konsistensi. Ini adalah fenomena yang cukup umum ketika kita mengambil informasi apa pun tentang topik yang dipilih, bergerak sembarangan, dan akibatnya, tidak berhasil.
Mengapa kami menyoroti ketiga alasan ini? Karena kami sudah mengajar selama 11 tahun dan melihat masukan dari siswa. Selama kursus kami memberi tahu Anda bagaimana menerapkan semua pengetahuan berharga ini dalam kehidupan.