Udemy web bootcamp Download - Udemy web bootcamp Source Code Download

Udemy web bootcamp

Kode sumber lainnya

1.0.0

Unduh

Bootcamp pengembangan web lengkap

Alt text

Sumber daya

https://www.appbrewery.co/p/web-development-course-sources

Proyek

Proyek 1: Menggunakan situs pribadi yang dibuat html - https://sdkdeepa.github.io/resume/
Proyek 2: Intro ke CSS - https://sdkdeepa.github.io/profile/
Proyek 2 Final: HTML, CSS dan Bootstrap - https://sdkdeepa.github.io/udemy-bootstrap/
Proyek 3: Game Dice - Metode JS dan DOM - https://sdkdeepa.github.io/dice
Proyek 4: Drum Kit - Acara Keyboard JS - https://sdkdeepa.github.io/drumming/
Proyek 5: Game Simon - JS dan JQuery - https://sdkdeepa.github.io/simon-game-jQuery/
Proyek 6: Kalkulator BMI - Node.js dan Express.js. Proyek ini menggunakan metode API seperti GET dan POST untuk menghitung BMI

Proyek 7: Aplikasi Cuaca - Node.js dan Express.js. Proyek ini menggunakan API cuaca eksternal untuk melakukan panggilan untuk mendapatkan data cuaca setelah permintaan pos dikirim.

Proyek 8: Pendaftaran Newsletter-HTML, CSS, Bootstrap, JS, Nodejs, Express, API, NPM, Nodemon, Body-Parser ETC-https://shrouded-river-17694.herokuapp.com/
Proyek 9 dan 10: Aplikasi Daftar TODO - Kelanjutan Aplikasi Daftar TODO V2. Menambahkan Get, Posting, dan Hapus Rute. Anda sekarang dapat membuat dan menghapus daftar TODO untuk hari ini dan untuk daftar khusus. Daftar khusus dapat ditambahkan ke rute rumah (mis: /bekerja). Menggunakan database cloud MongoDB ALTAS Data dikumpulkan. Aplikasi yang di -host melalui Heroku. Lihat: https://tranquil-earth-77166.herokuapp.com/
Proyek 11: Situs web Blog Personal Multipage - Membuat aplikasi blog pribadi multi halaman menggunakan HTML, CSS, Bootstrap, JS, Node.js, Express.js, Body -Parser, API, EJS, Heroku, Mongoose, Mogodb Altas Cloud Cluster. Checkout: https://morning-brook-32061.herokuapp.com/

Contoh Wireframing Proyek

Proyek 2. Wireframing Tindog.png

Topik tercakup

HTML, CSS, JavaScript, Bootstrap 4, DOM & DOM Manipulation, jQuery, Node.js, Express, React EJS, body-parser, nodemon, lodash, MongoDB, MongoDB Atlas, mongoose, mongoose-encryption, dotenv, md5, bcrypt, passport, passport-local, passport-local-mongoose, Paspor-Google-Path20, Mongoose-FindorCreate, Express-Session, API, JSON, Authentication, MailChimp API, Build REST API dari awal, Heroku.

Bagian 9: Pengantar JavaScript ES6

116-117: Tantangan: Mengubah Casing dalam Teks
118: Operator Aritmatika dan Modulo Dasar di JavaScript
121-122: Fungsi Bagian 1: Tantangan - Robot Karel
124: Fungsi Bagian 2: Parameter dan Argumen

Bagian 10: Javascript Menengah

131: Pembuatan Angka Acak Dalam Javascript: Membangun Kalkulator Cinta
132: Pernyataan Kontrol: Menggunakan If-Else Conditionals & Logic
Latihan pengkodean 5: BMI Calculator Advanced (If/Else)
Latihan pengkodean 6: Tahun LEAP
138: Menambahkan elemen dan teknik array menengah

Bagian 12: Tantangan Level Boss 1 - Game Dicee

Buat file JS eksternal
Tambahkan gambar dadu
Buat nomor acak
Ubah kedua IMG menjadi dadu acak
Ubah kedua elemen IMG
Ubah judul untuk menampilkan pemenang

Bagian 13: Manipulasi JavaScript dan DOM tingkat lanjut

172: Tantangan Fungsi Orde Tinggi

Bagian 14: Drum Kit

171: Menambahkan daftar acara ke tombol
174: Cara memainkan suara di situs web
176: Cara menggunakan pernyataan sakelar di JavaScript
179: Menggunakan pendengar acara keyboard untuk memeriksa tekan tombol
181: Menambahkan animasi ke situs web

Bagian 15: Tantangan Level Boss 2 - The Simon Game

Tambahkan JS dan JQuery
Buat pola baru
Tunjukkan urutan kepada pengguna dengan animasi dan suara
Periksa tombol mana yang ditekan
Tambahkan Suara ke Klik Tombol
Tambahkan animasi ke klik pengguna
Mulailah permainan
Periksa jawaban pengguna terhadap urutan game
Permainan selesai
Mulai ulang game

Bagian 19: Express.js dengan Node.js

241: Membuat server pertama kami dengan Express
242: Menangani Permintaan dan Tanggapan: Permintaan Dapatkan
244: Memahami dan bekerja dengan rute
246: Pengaturan Tantangan Kalkulator
248: Menanggapi permintaan dengan file HTML
249: memproses permintaan pos dengan parser tubuh
250: Tantangan Routing BMI

Bagian 20: API - Antarmuka Pemrograman Aplikasi

258: Membuat Permintaan Dapatkan dengan Modul Node HTTPS
259: Cara Mengurai Json
260: Menggunakan Express to Render sebuah situs web dengan data API langsung
261: Menggunakan Body Parser untuk Parse Post Permintaan ke Proyek Server: Proyek Cuaca

Bagian 21: Pendaftaran Newsletter

263: Menyiapkan Halaman Pendaftaran
264: memposting data ke server MailChimp melalui API mereka
265: Menambahkan halaman kesuksesan dan kegagalan
266: Menyebarkan server Anda dengan Heroku

Proyek: https://shrouded-river-17694.herokuapp.com/

Bagian 22: EJS

282: Template? Mengapa kita membutuhkan template?
283: Membuat Template EJS Pertama Anda
284: Menjalankan kode di dalam template EJS
285: Meneruskan data dari halaman web Anda ke server Anda
287: Menambahkan stylesheet CSS yang sudah dibuat ke situs web Anda
288: Memahami templating vs tata letak
289: Memahami Ekspor Modul Node: Cara Meneruskan Fungsi dan Data Antara File

Bagian 23: Tantangan Level Boss 3 - Situs Web Blog

Dapatkan rute rumah dan tambahkan konten ke home.ejs
Lulus data dari homestartingContent ke home.ejs
Tambahkan header dan footer parsial ke home.ejs
Header dan footer yang dipindahkan ke folder parsial
Tambahkan tentang dan hubungi rute, berikan konten ke sekitar dan hubungi.EJS
Tambahkan nav href ke header
Tambahkan formulir dan rute postingan
Tambahkan bidang teks untuk menyusun formulir dan gunakan bootstrap
Buat objek JS untuk posting
Dorong posting ke array posting
Tambahkan Posting ke Array Render
Lingkari semua posting
Refactor untuk loop untuk menggunakan foreach
Render setiap tiang ke rumah
Tambahkan Parameter Routing Express /Posting /: BlogPost
Loop melalui array posting untuk memeriksa apakah itu cocok dengan judul dalam URL
Tambahkan LoDash dan gunakan _.Lowercase pada judul
Halaman terpisah untuk setiap posting blog
Truncate post body di halaman rumah hingga 100 karakter
Tambahkan Baca lebih lanjut ke posting