learn web development

เรียนรู้การพัฒนา-เรา

เรียนรู้การพัฒนาเว็บจากบทความชั้นนำของปี 2560

เวอร์ชันภาษาอังกฤษ | 中文版本

ระหว่างมกราคม ~ ธันวาคม 2017 เราได้เปรียบเทียบบทความพัฒนาเว็บเกือบ 16,000 บทความเพื่อเลือก 45 อันดับแรก

เราเชื่อว่าการเรียนรู้จากนักพัฒนาเว็บที่มีประสบการณ์ในสาขานี้เป็นวิธีที่ยอดเยี่ยมในการพัฒนาอาชีพของคุณ ไดเรกทอรีนี้ได้รับการออกแบบมาเพื่อให้ชีวิตของคุณง่ายขึ้นเนื่องจากการจัดบทเรียนที่มีประโยชน์ที่สุดที่เขียนขึ้นในปี 2560 ซึ่งนักพัฒนาเว็บที่มีประสบการณ์แบ่งปันบทเรียนในการสร้างและจัดส่งเว็บแอปพลิเคชัน ..

ไดเรกทอรีนี้มี 20 หัวข้อสำคัญ:

หากคุณต้องการเวอร์ชันที่มีรูปภาพ: ไปที่ลิงค์สื่อของเรา

สารบัญ

1. คู่มือทั่วไป
2. aws
3. นักเทียบท่า
4. ความปลอดภัย
5. แนวทางการเขียนโค้ดที่ดีที่สุด
6. กระตวน
7. Google Analytics
8. รองเท้าบู๊ต
9. https
10. vim
11. แบบอักษรเว็บ
12. อีเมล html
13. การใช้เว็บ
14. Chrome Devtools
15. กรณีศึกษา
16. ผลงาน
17. แอปพลิเคชันเว็บแบบก้าวหน้า
18. สัมภาษณ์
19. บทเรียนเรียนรู้
20. ส่วนต่อประสานผู้ใช้

การเรียนรู้ที่แนะนำ

A) Gaming AI: คู่มือผู้เริ่มต้นในการสร้างปัญญาประดิษฐ์ใน Unity

5,041 แนะนำ 4.7/5 ดาว

b) การมองเห็นคอมพิวเตอร์: การเรียนรู้เชิงลึกและการมองเห็นคอมพิวเตอร์ AZ ™: เรียนรู้ OpenCV, SSD & GANS และสร้างแอพจดจำรูปภาพ

8,161 แนะนำ 4.5/5 ดาว

คู่มือทั่วไป

• คู่มือนักพัฒนาส่วนหน้า 2017 - Cody Lindley
• ROADMAP สู่การเป็นนักพัฒนาเว็บในปี 2560
• รายการตรวจสอบส่วนหน้า: รายการตรวจสอบส่วนหน้าสมบูรณ์แบบสำหรับเว็บไซต์ที่ทันสมัยและนักพัฒนาที่พิถีพิถัน
• วิศวกร 500+ ของเราทั้งหมดใช้คู่มือการพัฒนาส่วนหน้านี้

aws

• คู่มือเปิดสำหรับ Amazon Web Services
• คู่มือ Hitchhiker สำหรับ AWS ECS และ Docker

นักเทียบท่า

• นี่คือวิธีที่คุณเริ่มใช้ Docker
• บทนำนักเทียบท่า

ความปลอดภัย

• รายการตรวจสอบความปลอดภัยของนักพัฒนาเว็บ
• Auth-Boss: เรียนรู้เกี่ยวกับวิธีการตรวจสอบความถูกต้องที่แตกต่างกันบนเว็บ
• การข้ามคำเตือนความปลอดภัยของเบราว์เซอร์ด้วยฟิลด์รหัสผ่านหลอก

แนวทางการเขียนโค้ดที่ดีที่สุด

• รูปแบบการออกแบบสำหรับโปรแกรมเมอร์
• แนวทางปฏิบัติด้านวิศวกรรมซอฟต์แวร์ซอฟต์แวร์ที่สำคัญที่ Google [PDF]

กระตวน

• Git-Flight-Rules: คู่มือสำหรับโปรแกรมเมอร์ที่ใช้ Git เกี่ยวกับสิ่งที่ต้องทำเมื่อสิ่งต่าง ๆ ผิดพลาด

Google Analytics

• การตั้งค่า Google Analytics ที่ฉันใช้ในทุกไซต์ที่ฉันสร้าง

รองเท้าบู๊ต

• Bootstrap 4: ทุกสิ่งที่คุณต้องรู้

https

• "เส้นทางที่มีความสุข" 6 ขั้นตอนไปยัง https

vim

• Vim หลังจาก 15 ปี

แบบอักษรเว็บ

• Web Fonts: เมื่อคุณต้องการเมื่อคุณไม่ทำ

อีเมล html

• การแนะนำการสร้างและส่งอีเมล HTML สำหรับนักพัฒนาเว็บ - นิตยสาร Smashing

การใช้เว็บ

• การแนะนำการ์ตูนแบบย่อเกี่ยวกับ WebAssembly - Smashing Magazine

Chrome Devtools

• เพิ่มทักษะการพัฒนาเว็บของคุณ: 150 เคล็ดลับภาพเคลื่อนไหวเกี่ยวกับ Chrome Devtools
• Devtools: State of the Union 2017 (Google I/O '17)
• การใช้เครื่องมือนักพัฒนา Chrome เพื่อรับตั๋วไปคอนเสิร์ตครั้งต่อไปของ Taylor Swift
• PRELOAD, Prefetch และลำดับความสำคัญใน Chrome - Addy Osmani วิศวกรพนักงานที่ Google

กรณีศึกษา

• เราสร้าง r/สถานที่ได้อย่างไร
• ฉันเรียนรู้ที่จะเขียนรหัสสร้างเว็บแอปและเปิดตัวในการล่าผลิตภัณฑ์ใน 2 เดือน

ผลงาน

• สถานะของเว็บ: คู่มือการปรับปรุงประสิทธิภาพที่มีผลกระทบ
• การเพิ่มประสิทธิภาพรูปภาพที่จำเป็น - Addy Osmani
• เว็บแคช - ทุกสิ่งที่คุณต้องรู้
• เร่งความเร็วไซต์ของคุณด้วยการเรียนรู้ของเครื่องเล็ก ๆ

แอปพลิเคชันเว็บแบบก้าวหน้า

• กรณีศึกษาประสิทธิภาพการทำงานของ Web Progressive Web Progressive
• คู่มือผู้เริ่มต้นเกี่ยวกับเว็บแอพพลิเคชั่นและเว็บส่วนหน้า
• การผลิตเว็บแอปพลิเคชันที่มีเฟรมเวิร์ก JavaScript (Google I/O '17)

สัมภาษณ์

• ฉันเพิ่งได้งานพัฒนาที่ Facebook นี่คือวิธีที่ฉันเตรียมไว้สำหรับการสัมภาษณ์
• คู่มือ 30 นาทีเพื่อโยกสัมภาษณ์การเข้ารหัสครั้งต่อไปของคุณ
• ฉันเพิ่งได้งานพัฒนาที่ Snapchat นี่คือสิ่งที่ฉันเรียนรู้และวิธีที่จะช่วยคุณในการค้นหางานของคุณ
• คำถามสัมภาษณ์และคำตอบของ Google รหัสและคำตอบ #1: อักขระที่เกิดขึ้นเป็นครั้งแรก

บทเรียนเรียนรู้

• ฉันจะอธิบายการพัฒนาเว็บทศวรรษให้กับผู้เดินทางข้ามเวลาได้อย่างไรตั้งแต่ปี 2550
• ฉันเป็นนักพัฒนาเว็บมา 17 ปีแล้วและนี่คือสิ่งที่ฉันเรียนรู้ - Daniel Khan
• The Developer's Edge: วิธีการเป็นนักพัฒนาอาวุโส
• CTO ทหารผ่าน

ส่วนต่อประสานผู้ใช้

• ทบทวนการลากและวาง: ทำสิ่งพื้นฐานและทำให้มันสวยงาม
• ขยายภาพแอนิเมชั่นรายการกริด
• แรงบันดาลใจสำหรับเอฟเฟกต์เมนูโฮเวอร์