Teknologi Web untuk Desainer - Membayar Utang

Saya punya tugas untuk Habr. Dua tahun lalu saya menulis artikel " Teknologi Web untuk Desainer - Mengapa dan Bagaimana, " dan saya tidak merilis kelanjutan artikel.

Dan akhirnya, saya dapat mengembalikan sebagian dari hutang ini. Semua November, di pagi hari dan akhir pekan, saya merekam video pelatihan tentang JS untuk desainer. Selama proyek, ia bereksperimen dengan berbagai format, peralatan, dan pasca pemrosesan. Dalam posting ini, saya akan merangkum bulan kerja pada kursus dan berbicara tentang apa yang saya pelajari saat menulisnya.

Kursus ini menghadapi dua tugas:

1. membantu desainer melihat bagaimana pengetahuan teknologi dapat berguna dalam pekerjaan sehari-hari;
2. bagi para desainer yang ingin belajar teknologi, berikan tempat yang mudah untuk memulai.

Untuk mengatasi masalah pertama, saya merekam beberapa video pendek yang dirancang untuk membantu desainer melihat pendekatan baru untuk bekerja:

1. Pertarungan Sketsa rutin dengan Kraft dan JSON
2. Cara mengambil data dari suatu situs, mengubahnya menjadi JSON dan memberi makan Sketsa
3. Cara mudah untuk membuat prototipe versi baru dari sebuah produk dengan Stylish
4. Cara membuat ekstensi browser

Orang-orang menonton dan menyukai video ini. Semuanya tampak sehingga Anda dapat mulai membongkar topik lebih terinci. Oleh karena itu, saya membuat contoh dengan templatization data dan merekam video pengantar tentangnya, " Pelajaran # −1: Mengapa Desainer Tidak Dapat Mempelajari Teknologi Web ". Mereka menonton video 1296 kali, 83 kali suka dan tidak suka 7 kali.

Saya ingin contohnya terlihat seperti nyata. Tetapi bagi sebagian besar pemirsa, dia tampak terlalu rumit. Untuk menjelaskan prinsip-prinsip operasinya, saya mencatat contoh yang disederhanakan: " Contoh template data yang disederhanakan ".

Lebih lanjut, rencananya adalah ini: untuk membongkar berdasarkan contoh ini topik yang berbeda tentang JS, sehingga dengan setiap pelajaran contoh menjadi lebih dimengerti. Dan kemudian, ketika orang memahami dasar-dasarnya - menulis ulang contoh dari JS murni untuk Bereaksi dan memulai kursus tentang hal itu.

Dan saya mulai merekam video pertama:

1. Sintaks JS
2. Variabel
3. Fungsi
4. Benda-benda
5. Array
6. Json

Video-videonya panjang, masing-masing 15-20 menit, dan sedikit yang bisa menontonnya sampai akhir. Oleh karena itu, saya mulai membagi topik menjadi yang lebih kecil. Misalnya, penguraian pernyataan kondisi tampak seperti ini:

1. Operator Bersyarat: Dasar-dasar
2. Nilai Boolean dan operator perbandingan
3. Pengecoran Boolean
4. Operasi logis
5. Operator ternary
6. Tugas Bersyarat
7. Analisis pekerjaan rumah

Saya merekam set video yang sama tentang dasar-dasar bekerja dengan DOM:

1. DOM: Dasar-dasar
2. Cari node pada halaman
3. Membaca properti situs dan isinya
4. Pengeditan Node
5. Node Tree Traversal
6. Analisis pekerjaan rumah

Terlepas dari kenyataan bahwa video menjadi lebih pendek dan lebih ringan, jumlah penayangan telah menurun. Video masih terlalu rumit untuk ditonton di antara kasus-kasus. Dan bagi orang-orang yang siap mencurahkan waktu untuk menonton, lebih mudah untuk menonton satu video secara keseluruhan daripada satu set pendek. Selain itu, video semakin membosankan.

Apa yang harus dilakukan selanjutnya dengan kursus belum sepenuhnya jelas. Di satu sisi, puluhan pandangan menunjukkan bahwa minat terhadap topik sedang berlangsung. Di sisi lain, saya tidak puas dengan kualitas bahan yang diperoleh dan jumlah waktu yang dibutuhkan untuk membuatnya.

Bagaimanapun, membuat kursus adalah pengalaman yang menarik bagi saya, yang mengajarkan saya beberapa hal:

1. Menemukan kotak pasir keren untuk bekerja dengan kode: codesandbox.io . Di dalamnya Anda dapat membuat tidak hanya bagian individual seperti dalam codepen.io , tetapi juga seluruh proyek dengan struktur file.
2. Saya belajar bekerja dengan ScreenFlow , yang ternyata sangat nyaman untuk mengedit screencasts.
3. Menulis suara di lingkungan rumah tangga lebih baik di loop daripada di mikrofon besar. Mencapai kualitas yang wajar jauh lebih mudah, karena Anda tidak harus berurusan dengan gema dari dinding.
4. Anda dapat menulis video di telepon, tetapi Anda perlu sedikit keterampilan. Misalnya, dalam video terbaru, saya memiliki kualitas perekaman yang sangat buruk, dan gambarnya terus melonjak. Tampaknya ini adalah semacam fitur stabilisasi video pada Catatan 9.
5. Anda harus segera membeli lampu. Dua softbox dengan AliExpress harganya 3.000 rubel, dan kualitas videonya menjadi lebih baik.
6. Saya belajar bahwa sepanjang hidup saya saya salah memanggil operator "ternan" "trinar".
7. Sebelum merekam video, lebih baik memeriksa pengucapan semua kata asing, jika tidak akan memalukan. :)

Terima kasih sudah membaca sampai akhir. Jika Anda memiliki pemikiran tentang bagaimana membuat kursus ini lebih baik, saya akan dengan senang hati memberikan komentar. Kursus ini dirancang untuk mempopulerkan teknologi dengan desainer, bukan pengembang. Oleh karena itu, saya menghilangkan masalah kinerja dan kadang-kadang dengan sengaja "mengajarkan yang buruk", karena kinerja dan kebersihan jarang memainkan peran besar dalam prototipe.


PS: Saya akan menanggapi komentar dengan posting pembaruan sehingga pembaca baru tidak perlu mengajukan pertanyaan yang sama.

PPS: Jika Anda tertarik mengikuti kursus, yaitu, saluran telegram detepr . Untuk menyumbat Habr dengan artikel tentang dasar-dasar pembangunan - tangan tidak naik. Jadi saya akan menulis artikel selanjutnya tentang kursus dalam waktu setengah tahun.