Frontend Weekly Digest (11 - 17 Feb 2019)

Minggu ini kami mengeluarkan banyak sekali pilihan berita penting yang mungkin Anda lewatkan pada pengembangan Front-end. Pastikan untuk memeriksa pembaruan terbaru tentang CSS, HTML, dan JavaScript.

Pengembangan web | CSS | Javascript

---

Pengembangan web

• HTML yang tidak pernah kita miliki
• Kurikulum Front-End Pengembangan Timeboxed, Hari-demi-Hari # 100DaysOfCode
• HTML5 Boilerplate v7 dirilis
• Bootstrap 4.3.0 (menjatuhkan jQuery, pindah ke Hugo)
• Making Future Interfaces: Inline SVG
• Pengantar WebBluetooth
• Panduan Lengkap - Cara Mempercepat Video GIF

• Kinerja:
  • web pihak ketiga - Ringkasan skrip pihak ketiga mana yang paling bertanggung jawab atas eksekusi JavaScript berlebihan di web
  • Prioritas Sumber Daya - Membuat Peramban Membantu Anda
  • Font Preloading dan Teka-teki Prioritas
  • studi kasus kinerja DOM
  

• Alat:
  • Memperkenalkan: pika / paket - paket pengembangan npm, ditata ulang
  • Apa yang Baru Di DevTools (Chrome 73)
  • Dalang adalah server dev baru saya
  

• Aksesibilitas:
  • Luar biasa A11y
  • Kiat untuk membuat elemen interaktif dapat diakses di perangkat seluler
  • Making Future Interfaces: Inline SVG
  

• Web yang efektif:
  • Efek Grid Reveal dengan Anime.js
  • CSS Murni Still Life - Air dan Lemon
  • Efek Filter SVG: Menyesuaikan Tekstur Teks ke Permukaan dengan <feDisplacementMap>
  
  

CSS

• Mengumumkan Survei #StateOfCSS 2019
• Sisi Gelap Kotak (Bagian 1)
• Pendekatan baru untuk kelas utilitas visibilitas berdasarkan Variabel CSS
• Panduan 10 Langkah untuk Flexbox
• Lembar Gaya Konstruk: gaya dapat digunakan kembali tanpa batas
• Proses Penerapan Desain UI Dari Awal
• Selektor CSS level 4
• Pengantar Metrik Font
• To Grid atau to Flex?
• Snap Scroll CSS - Cara Ini Bekerja
• Cepat! Apa Perbedaan Antara Flexbox dan Grid?

Javascript

• Ember.js: Dokumenter (Rilis Resmi)
• Ilmu komputer dalam JavaScript: Daftar yang tertaut ganda
• 5 cara untuk membangun aplikasi waktu nyata dengan JavaScript
• Cara Mengambil JavaScript Di Luar Web pada 2019
• JavaScript: Bagian Menyenangkan
• Bagaimana saya menyingkirkan posting Facebook yang disponsori baru.
• ES5 ke ESNext - inilah setiap fitur yang ditambahkan ke JavaScript sejak 2015

• TypeScript:
  • ReasonML vs TypeScript: membandingkan sistem tipenya
  • Cara Menggunakan Skrip dengan React dan Redux
  • clean-code-typescript - Konsep Clean Code disesuaikan untuk TypeScript
  

• Teori:
  • Panduan Visual Untuk Definisi & Lingkup Variabel JavaScript
  • Dasar-dasar Definisi & Pengangkat Variabel JavaScript
  • Pelajari fungsi murni dengan JavaScript
  

• VueJS:
  • Membangun Vue.js SPA untuk Menjual Tees Pengembang
  • Ubah Gambar SVG Statis Anda Menjadi Widget dan Infografis Interaktif Dengan Vue.js
  

• Bereaksi:
  • Mengapa saya senang dengan React Hooks?
  • Membangun Komponen Autocomplete yang Bereaksi dari awal
  • Animasi dalam Bereaksi
  • Keajaiban Bentuk Multi-Langkah Berbasis Reaksi
  • Semua yang Anda Butuhkan untuk Membuat React Custom Hook
  • Mencapai Aksesibilitas di Aplikasi Bereaksi
  • Apa yang saya pelajari dari belajar Bereaksi dalam 2 malam setelah bertahun-tahun bekerja dengan Angular
  

• Sudut:
  • Mengelola Breakpoint Gambar Dengan Angular
  • Tur Konsol Sudut
  • Tooltip dengan Angular CDK