關於 css a ，我們在網路上蒐集到這些相關的討論、資訊與評價

學習如何使用 React HighCharts，風格化的元件和 CSS Grid建立漂亮快速的儀表板
https://softnshare.com/react-data-visualization-build-a-cryptocurrency-dashboard/

82 WEBSITE GIÚP BẠN HỌC MỌI THỨ TRÊN ĐỜI

Join English Club HEC để học Tiếng Anh và IELTS free nhé quý dzị ;) & Like page Scholarship for Vietnamese students <3

I. HỌC VỀ KINH DOANH

1. edX - Học các khóa học online từ các trường đại học tốt nhất trên thế giới.

2. TED Talks - Tổng hợp các bài diễn thuyết chia sẻ những ý tưởng đột phá nhất về khoa học, giáo dục, thiết kế (nhiều video có sub tiếng Việt)

3. Khan Academy - Tổng hợp các khóa học Toán, Lý, Hóa, Kinh tế, Kinh doanh,... hoàn toàn miễn phí với giao diện và trải nghiệm tuyệt vời

4. ALISON - Học các khóa online miễn phí từ các trường đại học Anh, Mỹ và các chuyên gia từ Google, Microsoft,...

5. MIT Opencourseware - Các khóa học về mọi lĩnh vực được giảng dạy tại Học viện công nghệ Massachusetts (MIT), cung cấp sách, tài liệu bản mềm và video bài giảng

6. Open Yale Courses — Các khóa học về mọi lĩnh vực được giảng dạy tại Đại học Yale

7. Coursmos — Học khóa học vi mô (thời lượng ngắn) ở bất kỳ đâu, trên bất kỳ thiết bị nào

8. Coursera - Học các khóa online miễn phí từ các trường đại học hàng đầu thế giới với nhiều khóa có subtitle tiếng Việt. Bạn có thể chọn gói học miễn phí (vẫn được xem đầy đủ tài liệu, video học) hoặc trả phí (để lấy chứng nhận từ các trường đại học danh tiếng khi hoàn thành khóa học)

9. Highbrow — Nhận các khóa học được chia nhỏ gửi tới hòm mail của bạn hàng ngày (miễn phí)

10. Skillshare — Các khóa học và dự án online mở ra sự sáng tạo của bạn với mức giá chỉ $12/tháng để truy cập vào kho học liệu khổng lồ các kỹ năng hot nhất cho công việc hiện nay

11. Curious — Phát triển kỹ năng với các bài học video online trên giao diện (cả web và app) cực đẹp

12. [lynda.com]— Học công nghệ, kĩ năng sáng tạo và kinh doanh

13. CreativeLive — Học các khóa học sáng tạo miễn phí từ các chuyên gia hàng đầu thế giới

14. Udemy — Học mọi kỹ năng hot nhất cho công việc, từ thiết kế, phát triển web/app, marketing hay kinh doanh với hàng nghìn khóa học miễn phí và trả phí từ các chuyên gia trong ngành

15. Open Learn — Tổng hợp các khóa học miễn phí về mọi lĩnh vực cho mọi người

16. How to start a startup — Tổng hợp các bài học (qua video và tài liệu đọc) được truyền dạy trong vườn ươm khởi nghiệp hàng đầu thế giới Y Combinator

17. Guides.co — Các bài chỉ dẫn chi tiết về mọi thứ từ viết content marketing cho đến khởi nghiệp

18. Inc.edu- Website hữu ích cho những người khởi nghiệp.

19. Reddit Lectures - Bộ sưu tập những bài giảng hàng đầu đến từ các chuyên gia, học viện, chính phủ và các nhà lãnh đạo.

20. Fast Company's 30-Second MBA: Đây là nguồn dữ liệu các đoạn clip ngắn do các giám đốc điều hành thực hiện. Bạn sẽ học được nhiều từ những lời khuyên kinh doanh, bài học cuộc sống tuyệt vời và thực sự nhanh chóng.

21. HubSpot Academy - Cổng thông tin về marketing, SEO, bán hàng, quảng cáo... cho bất cứ ai quan tâm.

22. University of the People - Tổ chức phi lợi nhuận với các khóa học miễn phí về quản trị kinh doanh, khoa học máy tính và y tế.

23. Platzi — Học trực tuyến về thiết kế, marketing và code miễn phí từ các chuyên gia trong giới startup công nghệ tại Mỹ

24. FutureLearn - Các khóa học trực tuyến miễn phí đến từ hơn 40 trường đại học.

25. Investopedia: Đây là nguồn thông tin mà bạn muốn tìm hiểu về thế giới đầu tư, thị trường và tài chính cá nhân.

26. Learnvest - Các doanh nhân thành công nhất biết cách quản lý tiền bạc trong doanh nghiệp cũng như đời sống cá nhân của mình. Ngoài các lớp học về tài chính với mức giá cực kỳ phải chăng, LearnVest cũng cung cấp một số lớp học miễn phí, chẳng hạn như "Xây dựng thói quen tiêu tiền tốt hơn" hay "Làm thế nào để lập ngân sách."

II. HỌC LẬP TRÌNH

27. Codecademy — Học code miễn phí qua các bài học tương tác thú vị, được thực hành trực tiếp

28. Microsoft Virtual Academy — Học thiết kế web, game, app, phát triển nền tảng cloud, dữ liệu lớn,... miễn phí cùng các chuyên gia của Microsoft. Công ty thậm chí còn cho ra mắt một khóa lập trình cơ bản dành riêng cho người Việt, xem ở đây.

29. Udacity — Học code và data science từ A đến Z qua video trực quan tuyệt vời từ các chuyên gia của Google, Facebook. Tương tự như Coursera và edX, bạn có thể chọn gói miễn phí (không lấy bằng) hoặc trả phí (để lấy bằng nanodegree làm đòn bẩy cho sự nghiệp).

30. CodeCombat — Học lập trình qua game

31. Code School — Học code thực hành

32. Code4Startup — Học lập trình nhanh chóng cho startup qua hướng dẫn code lại các website, ứng dụng nổi tiếng như Airbnb, Product Hunt, Tinder,...

33. Thinkful — Nâng cao trình độ với chuyên gia kèm 1-1

34. Free Code Camp — Học code miễn phí để giúp đỡ cộng đồng

35. [Code.org]— Bắt đầu học từ hôm nay với các bài giảng cơ bản

36. BaseRails — Luyện Ruby on Rails và các kỹ năng công nghệ khác

37. Treehouse —Học HTML, CSS, ứng dụng iPhone và hơn thế nữa

38. One Month — Học code và xây dựng ứng dụng, website trong vòng 1 tháng

39. Dash — Học các kỹ thuật thiết kế web mới nhất

III. HỌC THIẾT KẾ - LĨNH VỰC ĐANG RẤT CÓ TIỀM NĂNG TRONG TƯƠNG LAI

40. Alison Online - Học các kỹ thuật thiết kế đa dạng và cấp chứng chỉ dựa trên thử nghiệm.

41. Udemy: Introduction to Graphic Design - Học thiết kế với lớp học mang tính cạnh tranh, các lớp được xếp hạng và chất lượng của lớp được chiếu theo xếp hạng giống như trên Yelp.

42. Massachusetts Institute of Technology - Học trực tuyến như một cơ sở dữ liệu miễn phí của các khóa học thông qua giáo viên chuyên nghiệp và giáo viên khóa học.

43. A Brief History of Typography - Chìa khóa cho công việc của một nhà thiết kế đồ họa, dành cho bất kỳ nhà thiết kế đồ họa mới bắt đầu tham vọng nào.

44. Teach Yourself Graphic Design: A Self-Study Course Outline - Liẹt kê các nguồn lực bạn cần để tạo ra một khóa học tự học về thiết kế đồ họa

45. Veerle’s Graphic Design Blog - Học các hướng dẫn, mẹo và thủ thuật, thông tin chi tiết hữu ích về làm việc với khách hàng; phát triển danh mục đầu tư; cũng như các giải pháp đơn giản cho các vấn đề mà nhiều nhà thiết kế đồ họa có thể phải đối mặt

46. Canva Design School - Học thông tin cơ bản về phông chữ; màu sắc, hình ảnh, hình nền, bố cục và hình dạng

47. Envato Tuts+ Illustration and Design Courses - Học bất kỳ phần mềm và quy trình thiết kế nào.

48. Creative Pro - Học các kỹ năng sâu và khó, dành cho nhà thiết kế muốn mở rộng kỹ năng.

49. CreativeLive - Khóa học trực tuyến hướng tới các nhà thiết kế và nghệ sĩ

IV. HỌC DATA SCIENCE - LĨNH VỰC ĐANG CỰC HOT HIỆN NAY

50. DataCamp — Các bài giảng và khoa học dữ liệu

51. DataQuest — Học data science ngay trên trình duyệt

52. DataMonkey — Phát triển kĩ năng phân tích dữ liệu theo cách đơn giản nhưng thú vị

V. HỌC NGOẠI NGỮ

53. Duolingo — Học nhiều ngoại ngữ miễn phí

54. Lingvist — Học ngoại ngữ trong 200 giờ

55. Busuu — Cộng đồng học ngoại ngữ miễn phí

56. Memrise — Sử dụng flashcards để học từ vựng

57. Freerice: Giúp bạn mở rộng vốn từ vựng nhanh chóng như việc bạn ăn khi đói. Đây là cách tốt nhất để bạn tự cảm nhận về bản thân và học những từ vựng bạn có thể sử dụng trong phần còn lại cuộc đời.

VI. HỌC CÁC LĨNH VỰC KHÁC

58. Pianu — Cách mới để học chơi piano online

59. Yousician — Gia sư dạy ghita riêng cho thời đại công nghệ

60. Digital Photography School: Học chụp ảnh

61. Factsie: Tìm ra những sự thật thú vị, bất thường về lịch sử, khoa học, cùng với các nguồn liên kết khác.

62. Today I Found Out – Website tổng hợp các sự thật thú vị

63. Gibbon: Đây là nơi tổng hợp danh sách nguồn học tập. Người dùng thu thập các bài viết, video giúp ích cho việc học mọi thứ từ chương trình iOS cho đến những câu chuyện kể hiệu quả.

64. Instructables: Bạn có thể học làm bất cứ thứ gì, từ bệ phóng bóng tennis đến pháo đài ngay sân sau nhà.

65. Lumosity: Trang web này đào tạo bộ não của bạn với những trò chơi thiết kế thú vị, khoa học. Bạn có thể để cải thiện trí nhớ và khả năng tập trung của mình.

66. Powersearching with Google: Học cách tìm kiếm bất cứ thứ gì bạn muốn bằng việc cải thiện kỹ năng tìm kiếm Google của mình.

67. Quora: Bạn có thể học bất kỳ điều gì, từ thủ thuật tăng hiệu quả làm việc đến danh sách những thực phẩm tốt nhất mọi thời đại. Những câu hỏi dù ngớ ngẩn đến đâu cũng được những người thông minh và có tiếng tăm trả lời tử tế.

68. Recipe Puppy : Nhập tất cả những nguyên liệu bạn có trong bếp và công cụ tuyệt vời này sẽ đem đến cho bạn danh sách những món ăn mà bạn có thể tạo ra với chúng.

69. Spreeder: Phần mềm đọc trực tuyến miễn phí giúp cải thiện tốc độ đọc hiểu của bạn.

70. StackOverflow: Trang web hỏi đáp dành cho các lập trình viên, về cơ bản nó là người bạn tốt nhất đối với các coder.

71. Unplug The TV: Nội dung video tại đây khá phong phú, bao gồm các chủ đề như tìm hiểu về con đường tơ lụa, lịch sử chiến tranh, khoa học..

72. Internet Sacred Text Archive - Hàng loạt đầu sách miễn phí về tôn giáo, tín ngưỡng, văn học dân gian, thần thoại, thuật giả kim…

73. Vsauce: Đây là một kênh YouTube cung cấp các sự thật thú vị tốt nhất internet, nơi bạn sẽ nhận ra thế giới của chúng ta kỳ lạ đến thế nào.
Chuyện gì sẽ xảy ra nếu thế giới ngừng quay? Tại sao chúng ta lại cảm thấy buồn chán? Hãy theo dõi các video và tìm ra đáp án cho những thắc mắc của bạn.

74. Squareknot — Tương tự như Wikihow, Guides.co cung cấp các bài hướng dẫn sinh động và đẹp mắt về mọi thứ trong cuộc sống

75. Google World Wonders - Khám phá thế giới cổ đại và hiện đại với rất nhiều tài nguyên hữu ích.

76. Lifehacker - Trang web giúp bạn tìm hiểu mọi thứ dưới nhiều góc độ.

77. Library of Congress - Thư viện kiến thức trực tuyến.

78. Boundless - Thư viện sách trực tuyến, miễn phí.

79. MeetUp - Học hỏi kinh nghiệm, chia sẻ những gì bạn biến và xem xét vấn đề trên nhiều khía cạnh mới.

80. Trivium Education - Nơi bạn học tập để vận dụng các phép tu từ, ngữ pháp và phán đoán logic.

81. PBS Video - Các bộ phim tài liệu chuyên sâu, miễn phí.

82. Project Gutenberg - Website cung cấp hơn 50.000 tác phẩm văn học.

Nguon: Kynangmoi
👉 Lớp học bổng HannahEd hỗ trợ các bạn xin học bổng thành công, lịch, học phí, đăng ký tại http://tiny.cc/HannahEdClass
https://hannahed.co/lop-tim-va-nop-hoc-bong/
👉 Join các group để thảo luận, tìm hiểu info nha
Scholarship Hunters
Học bổng ngắn hạn, trao đổi, tình nguyện - HannahEd
English Club HEC
Job Hunters & Career Builders - HannahEd
Học bổng Chevening UK và IDEAS Ireland
Instagram: https://www.instagram.com/hannahed.co/
Website: https://hannahed.co/
Tiktok: hannahed.co

อยากเริ่มเขียนเว็บด้วย React แบบคนอื่นบ้าง แต่ไม่รู้จะเริ่มต้นยังไงดี ? 😖
.
ไม่ต้องกังวลไป...เพราะวันนี้แอดสรุปมาให้แล้วจ้า กับสิ่งที่ต้องรู้ก่อนจะเริ่มต้นใช้ Library ที่ช่วยในการเขียนเว็บแอปพลิเคชันอย่าง React
.
มีอะไรต้องรู้บ้าง ? หากพร้อมแล้วไปดูกันเลย ~
.
🌟 พื้นฐาน HTML CSS JavaScript
.
ก่อนอื่นเราต้องมาสำรวจตัวเองก่อนว่าเราเข้าใจพื้นฐานพวกนี้แล้วหรือยัง ถ้ายังไม่เข้าใจ ควรจะไปศึกษาให้เข้าใจอย่างถ่องแท้ก่อนนะ ส่วนพื้นฐานที่แอดพูดถึงก็มีดังนี้
.
🔸 HTML เช่น HTML Element, Form, Table, และ Div เป็นต้น
🔸 CSS เช่น Styling, CSS Selectors และ Box Model
🔸 JavaScript เช่น variables, Conditional Statements, Loops, Data Types, และ DOM เป็นต้น
.
✨ NPM
.
รู้จักการใช้งาน NPM ซึ่งเป็นเครื่องมือที่ช่วยในการติดตั้ง อัปเดต กำหนดค่าต่าง ๆ และรันคำสั่งบางอย่างผ่าน Terminal เพื่อใช้งานคำสั่ง และ Library บนโปรเจกต์ React ของเรานั่นเอง
.
อ่านวิธีการใช้งานเพิ่มเติมได้ที่นี่ 👇
Link : https://www.npmjs.com/
.
✨ React Concept
.
เมื่อเราเรียนรู้พื้นฐานและฝึกฝนจนเชี่ยวชาญแล้ว ขั้นตอนต่อมาเราก็จะต้องเรียนรู้และทำความเข้าใจโครงสร้างและการทำงานของ React เช่น
.
🔹 Create React App - เป็นการตั้งค่าสภาพแวดล้อมและเครื่องมือต่าง ๆ ให้เหมาะสมกับการพัฒนาโปรเจกต์บน React เพื่อให้เราสามารถใช้คุณสมบัติของ JavaScript ได้อย่างเต็มประสิทธิภาพนั่นเอง !
.
อ่านวิธีการติดตั้งแบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/create-a-new-react-app.html
.
🔹 JSX - เป็นส่วนเสริมของ JavaScript ที่ทำให้เราสามารถจัดการกับ UI ใน React ได้อย่างง่ายดาย ซึ่งจะมี Syntax คล้าย ๆ กับ HTML
.
สามารถอ่านเรื่อง JSX แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/introducing-jsx.html
.
🔹 Virtual DOM - เป็นตัวที่ช่วยจัดการ Object และ Element ต่าง ๆ บน React เปรียบเสมือนพิมพ์เขียวของ DOM ถ้าหากมีการแก้ไขหรือเปลี่ยนแปลง Object บน React มันก็จะไม่กระทบกับ DOM ทั้งหมด เพราะมันจะเปลี่ยนแปลงเฉพาะ Object ที่มีการอัปเดตเท่านั้น ทำให้การแสดงผลมีความรวดเร็วมากขึ้นนั่นเอง
.
สามารถอ่านเรื่อง Virtual DOM แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/faq-internals.html
.
🔹 Props & State - Props (Properties) เปรียบเสมือนแท็กใน HTML เช่น src, href, หรือ class แต่ความพิเศษของมันก็คือทำให้ React Component สามารถส่งค่าต่าง ๆ ระหว่างกันได้ ส่วน State จะแตกต่างกับ Props เพราะมันจะเป็นการเก็บค่าเพื่อใช้ใน Component นั้น ๆ เท่านั้น
.
สามารถอ่านเรื่อง Props & State แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/faq-state.html
.
🔹 Conditional Rendering - เป็นการแสดงผล Element ต่าง ๆ บน UI แบบมีเงื่อนไขนั่นเอง โดยใช้ตัวดำเนินการใน JavaScript เช่น if...else เป็นต้น
.
สามารถอ่านเรื่อง Conditional Rendering แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/conditional-rendering.html
.
🔹 React Hook - เป็น Functions เจ๋ง ๆ ใน React ซึ่งเป็นฟีเจอร์ใหม่ที่มีใน React v16.7.0-alpha -ข้อดีของมันก็คือทำให้เราสามารถเรียกใช้ State ต่าง ๆ ใน React แบบไม่ต้องเขียน Class ให้เมื่อยมือ! เป็นการเพิ่มคุณสมบัติของ Component ไม่ว่าจะ Test หรือ Refactor ก็ทำได้ง่าย ๆ
.
สามารถอ่านเรื่อง React Hook แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/hooks-intro.html
.
✨ API
.
เรียนรู้โครงสร้าง และวิธีการดึงข้อมูลจาก API โดยต้องเข้าใจการใช้งานฟังก์ชันใน JavaScript เพื่อช่วยในการดึงข้อมูลและนำมาใช้ภายในโปรเจกต์ หรืออาจจะใช้เครื่องมืออย่าง Axios ซึ่งเป็นอีกหนึ่ง Library ยอดนิยมที่ช่วยให้เราดึงข้อมูลจาก API ได้อย่างง่ายดาย !
.
เพื่อน ๆ สามารถอ่านวิธีการใช้งาน Axios ได้ที่นี่ 👇
Link : https://www.npmjs.com/package/axios
.
✨ Server-side Rendering
.
รู้จักการใช้งานเครื่องมือที่ช่วยในการแสดงผลฝั่ง Server เช่น Next.js, After.js, Rogue ซึ่งเหล่า React Dev ส่วนใหญ่จะนิยมใช้เจ้า Next.js เพราะใช้งานง่าย ไม่ต้อง Config อะไรเพิ่มเติมและช่วยให้เราสามารถเขียนเว็บได้สะดวก รวดเร็วมากขึ้นนั่นเอง !
.
✨ Styling UI
.
ใช้แนวคิด CSS มาช่วยให้เราออกแบบ วาง Layout และจัดองค์ประกอบบนหน้าเว็บไซต์ ซึ่งในปัจจุบันก็มีเครื่องมือต่าง ๆ ที่จะช่วยให้เราเขียน CSS ได้ง่ายมากขึ้น ไม่ว่าจะเป็น Material UI และ TailwindCSS นั่นเอง
.
และเมื่อเราได้เรียนรู้ทุกหัวข้อที่แอดกล่าวมาแล้ว เราก็เริ่มต้นทำโปรเจกต์ React กันได้เลย !! ซึ่งทางทีมแอดเคยทำสรุปการใช้งาน React ไว้ให้แล้ว หากสนใจสามารถกดเข้าไปอ่านกันได้เลย ~
📑 Link : https://www.borntodev.com/2020/07/15/react-101/
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ ที่กำลังเริ่มต้นเขียน React นะ หากชอบเนื้อหานี้ อย่าลืมกดไลก์ กดแชร์ เพื่อเป็นกำลังใจให้พวกเราด้วยล่ะ 😁
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#React #javascript #ฺBorntoDev

📢 配信の感想や切り抜き
#宇宙満喫天栗船　

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

🙇‍♀️ おねがい

誰が見ても心地よいコメント欄を心がけよう！
NO伝書鳩！ NO戦犯探し！NOチクチク言葉！

ついそんなコメントしてしまった人に対しても
『責めない・気にしない・自分を責めすぎない』

どうしても気になるコメントがあったら
自分で特定のユーザーを非表示にできます🚫
コメントを"ブロック"して自衛しよう！

#AmongUs　#宇宙人狼

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

🚀 本日の船員 (敬称略)

■ 天羽よつは : pink
視点枠: https://youtu.be/BEkHj9LnAkE

■ 飴猫 : green
視点枠: なし

■ 栗山やんみ : lime
視点枠: ココ

■ 源ちょす : brown
視点枠: https://youtu.be/mwhirfeaFJQ

■ 小花衣ももみ : black
視点枠: https://youtu.be/I1NjiuzCx-A

■ テラゾー : yellow
視点枠: https://youtu.be/wP1eAi2mmGs

■ 猫月みお : cyan
視点枠: https://youtu.be/gIQt-sePuro

■ HYBRID SENSE : white
視点枠: https://youtu.be/pejpkKW2d7s

■ ふじみや : blue
視点枠: https://youtu.be/fh4crckngq0

■ れぷちん : red
視点枠: https://www.openrec.tv/live/e5rkewg34rv

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

˗ˏˋ LINEスタンプ販売中 ˎˊ˗
https://store.line.me/stickershop/product/14327052

🐤 Twitter
https://twitter.com/krym_vtuber?lang=ja
📷 Instagram
https://www.instagram.com/krym_yanmi
🎁 Amazon
http://amzn.asia/aRJnMrx
📖 pixivFANBOX
https://yanmi0308.fanbox.cc/
🧸 オリジナルグッズ
https://yanmi.booth.pm/

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

CREDIT title
🗺 AmongUs Map ... https://twitter.com/terazo/status/1386343187661287427
🔊 Discord AmongUs CSS ... http://takenocoon.starfree.jp/amonguscss/
🎨 Character Design ... https://twitter.com/tokkyuumikan
🤖 3D Model ... https://twitter.com/Admiral_TMP
🔨 2D Model ... https://twitter.com/nori_tama00
🎧 OP / ED Music ... https://twitter.com/takkyuu_s
📻 BGM ... https://twitter.com/nica2c

## 影片觀看說明

由於問題較多，大家的問題也可能是你的問題，建議可以先閱讀下方的「問題總匯」區，找到時間碼 Time code 之後跳轉到自己想聽的部分，會比較有效率哦

本影片 Q&A 留言是抓取
【2020 年度回顧! 成為 Team leader? 業外收入增加? 技術能力成長? (第一次蒐集 Q&A)】https://youtu.be/BGaDN9wxbKE

## 影片中提到的專案

簡單用 React 撰寫的留言爬取篩選功能，可以自己抓去玩
https://github.com/niclin/youtube-comment-filter

## 問題總匯

00:00 開場
01:26 QA-1 - 林天寸

一直很喜歡妳的頻道，不單單是因為工程師，當然也有部分原因是自己也是走工程師這條路的。
前一年2020年開始，其實是我剛轉職工程師的第一年，在滿多地方都遇到不小的問題，在troubleshooting上面也是有許多瓶頸的。
後來除了白天上班，下班看書跟休息，偶然間看到你的影片[工程師如何自我進修]，才開始慢慢用計畫的方式取代橫衝猛幹。
不得不說，規劃時間真的是比起技術性的功力還更有成效。因為它讓你適時的放鬆跟加強，然後在工作上面才更有長進，雖然很幹話，但我2020的下半年是這樣做的。
目前在準備考取網路管理的證照CCNA，計畫是走network這一塊，還有很多要磨練的。希望也能多看你產出跟network的影片，這是私心話啦，哈哈。

02:57 QA-2 - 仔仔

1.學程式會建議從前端或是後端哪個開始學會比較好?
2.一開始投履歷如何判斷一家公司是可以成長的，而不是進去3，5年後還是那個跟剛進去程度相差不遠的自己差不多
3.跟程式相關的產業有很多(像是製造業到博弈)，可以請Nic分析一下各產業的狀況嗎?以及進去各產業前須要具備哪些程式語言或能力?
4.投履歷時看到一些公司列出所需程式語言和工具一大堆，是不是代表你沒完全具備就不要投履歷了，還是可以請Nic給個意見哪些部分還是可以投看看
5.都說工程師又宅又不會說話，為什麼Nic可以交到女朋友?

10:40 QA-3 - ANDREW NG KAR EARN

如果当写编程语言遇到瓶颈，有什么方法可以有效地避免自己陷入钻牛角尖的情况？

11:46 QA-4 - JS Lin

如果NIC現在選擇能馬上精通一項語言會是哪個？會想用來做什麼PJ？

13:13 QA-5 - Rick0

成為 team leader 後無法直接在技術上有更深入的研究和突破，這樣的變化是否值得?
是否會擔心這樣在技術上跟不上其他人，甚至被下屬看輕呢?

14:39 QA-6 - Henry蔡

因為最近是寒假期間，
我開始考慮下學期的修課，
想請教nic大大，
應該在有什麼樣的基礎上，
開始學design patterns？
我目前是碩士生，
大學非資工本科，
學過Python，
也跟過一些網路影片實作過Flask+PostgreSQL，
大學學過資料結構演算法，
但不到得心應手的程度...

16:07 QA-7 - 黃柏瑋

如何同時Handle好好幾件事
我怎麼覺得上班，然後下班假日寫寫side project後就沒啥時間了🤔🤔🤔

17:24 QA-8 - 乾太

我想問一下這年頭轉行斜槓 VTuber 還有沒有搞頭A？

18:10 QA-9 - uuu06222

之前開始關注你有知道你有面試過人的經驗, 想問一下站在面試官的角度...
面試官會不會比較注重作品需要呈現那些東西, 或是有沒有什麼禁忌是不能碰的嗎?

20:07 QA-10 - Joery Lin

想請教您對於對於給你很多成長和照顧的公司，倘若您有一個更好的機會，無論薪水或未知挑戰都大於現在公司。
您將如何做選擇，或許現在公司會給你加薪留下你。

因為自己曾放棄了許多機會

21:37 QA-11 - YangTing Zheng

Q1: 想問通常一個產品開發的週期都多長呢？負責維運和開發的工作內容是否會差很多？
Q2: 想請您簡單介紹一下資工系學生的出路/工作內容？(如PM.SA.DBA.PG.RD.MIS…或是還有其他的？）

24:16 QA-12 - RTB

Hello World

24:18 QA-13 - Barry

目前是公司MIS 很想轉職成後端工程師，但在面試上面都都時常失敗
常常在問技術關卡時就被問倒了，總覺得 要準備的東西非常的龐大
毫無準備的頭緒，總覺得一直寫side project也不是辦法

26:49 QA-14 - 因地制夷

想請教Nic 有在做投資嗎? ex 股票 想聽一些投資心得

27:13 QA-15 - 比歐

想請教 Nic 大，
在之後的工程師生涯中之後有甚麼規劃或想法嗎?
例如:開發產品創業，或是開班授課、轉做顧問之類的。

28:14 QA-16 - yongming jia

请问新手如何学编程，学完去做什么？怎么自己创业？谢谢🙏

29:33 QA-17 - Minghao Chang

是否能請您推薦用來開發的筆電？（正好最近要汰換電腦），想從今年開始養成寫side project的習慣，謝謝。

30:31 QA-18 - Guan Jun Chen

想知道像Nic這麼厲害的工程師，年薪大概落在哪裡

30:46 QA-19 - Sheng Jiang

想請問Nic，如果非資工背景但是對寫程式有熱情，想轉職當軟體工程師，會建議如何起步?

補充：像是什麼樣的人適合自學，什麼樣的人適合去補習，或者補習跟自學的情況各有哪些優劣?

謝謝Nic

## 結尾

31:49 感想

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#QA #工程師 #在地上滾的工程師 #前端 #後端 #轉職

みんなの九州きっぷを使い２日間北九州列車旅をしてきました。
JR九州管轄の新幹線・在来線特急（指定券も可）乗り放題。
おまけにD&S列車にも乗れてしまう大盤振る舞いです！
Amazon：https://amzn.to/33RsSCW
JR九州のひみつ (日本語) 単行本　　https://amzn.to/3c57uys
KATO Nゲージ 883系 ソニック リニューアル車 7両セット https://amzn.to/3sVqtBF
KATO Nゲージ 885系 アラウンド ザ 九州 6両セット https://amzn.to/2Nz6Wqo
マイクロエース Nゲージ キハ185系 九州横断特急 2両セット https://amzn.to/36bCKrJ
TOMIX Nゲージ キハ71系 ゆふいんの森I世 更新後 セット　https://amzn.to/2M7a2Rw
TOMIX JRｷﾊ71系特急ディーゼルカー　ゆふいんの森登場時　https://amzn.to/2LE6973
プラレール S-21 JR九州 ゆふいんの森　　　https://amzn.to/3o3Q3k6
特急 ゆふいんの森3号 博多～別府 4K撮影作品 [Blu-ray] https://amzn.to/2M7lKeY
海幸山幸 ストラップ JR九州 D&Sトレイン 日南線 日豊本線　https://amzn.to/3qOCqHn
九州の鉄道 ~昭和60年・国鉄時代最後の記録~ [DVD]　　https://amzn.to/35m6nGv
福さ屋 めんたい辛子高菜 250g　　https://amzn.to/39xGGnM

使用機材
OLYMPUS PEN F https://amzn.to/3lHCdDr
OLYMPUS M.ZUIKO 12mm F2.0　 https://amzn.to/3lzpwdE
OLYMPUS Tough TG-6 https://amzn.to/30XJJC6
OLYMPUS レンズアダプター CLA-T01 https://amzn.to/2FlaLM1
OLYMPUS 撥水ストラップ CSS-S119L https://amzn.to/2SJRMxE
Panasonic Lumix G9 PRO https://amzn.to/3nFUCCb
Panasonic Leica 12-60mm F2.8-4.0 https://amzn.to/3lCuypG
Panasonic Leica 12 F1.7 https://amzn.to/34L5Zjz
Insta360 ONE 360 R https://amzn.to/3nHEgJe
Insta360 ONE 360 https://amzn.to/3iRy0v1
Insta360 ONE 360 防水ケース https://amzn.to/34MktzV
Insta360 ONE 360 専用自撮り棒 　https://amzn.to/30Zr2Ou
GoPro HERO9 Black https://amzn.to/34Qm8Ez
@葵ティーヴィー
#乗り放題 #みんなの九州きっぷ #JR九州