inflearn logo

Portfolio trang web phản hồi (Trang web giới thiệu chính thức của ứng dụng)

Quá trình xây dựng danh mục trang web phản hồi (App Official Landing) thông qua việc xuất bản HTML+CSS+JQUERY sẽ giúp bạn củng cố các kỹ năng cơ bản để tiến tới trình độ xuất bản trung cấp và nắm vững bí quyết xuất bản thực tế. Đặc biệt, thông qua việc trải nghiệm toàn bộ quá trình xây dựng trang web với những giải thích đầy đủ và thực hành thực tế, bạn sẽ có thêm tự tin trong việc tạo ra trang web danh mục cá nhân của mình. Bạn sẽ được học cách sử dụng các plugin jQuery thiết yếu như Scroll Reveal Animation và Slick Slider. Phương pháp xây dựng phản hồi sẽ được thực hiện theo cách truyền thống bằng cách sử dụng float và position để tạo bố cục phản hồi. Tuy nhiên, cũng có những phần sử dụng Flex cho một số yếu tố cụ thể.

(5.0) 32 đánh giá

482 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
jQuery
jQuery
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
jQuery
jQuery
Responsive Web
Responsive Web

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

5.0

5.0

서병식

76% đã tham gia

Trong bài giảng của Coding Works, tôi đã nghiên cứu phần thực hành tạo trang web lần thứ ba. Vì tôi đã tham gia một bài giảng về cách tạo một trang web linh hoạt trước bài giảng này nên tôi đã không sử dụng float mà thay vào đó sử dụng flex cho bố cục. Vì có thời gian nên mình làm logo riêng và thay đổi thiết kế một chút. Lần này tôi đã hiểu rõ hơn về khái niệm Slickrider. Tôi nghĩ rằng tôi cũng đã học được thêm một chút về cách sắp xếp các khái niệm trong phần js. Phần này đặc biệt ấn tượng vì có rất nhiều hình ảnh động, và trong phần Câu hỏi thường gặp, cách tạo đàn accordion và cách tạo menu tab bằng cách kết nối đầu vào và nhãn cũng rất hữu ích với tôi. Điều hơi thất vọng là tôi làm việc trên màn hình có độ phân giải 3840. Khi chiều cao được đặt thành 90vh trên màn hình chính, khoảng cách giữa nó và đoạn tiếp theo, ceo access, trở nên quá lớn. Ngoài ra, khi làm việc với flex, hiện tượng cuộn ngang xảy ra khi xảy ra hoạt ảnh trái và phải, khiến màn hình bị vỡ và tiêu đề cố định trên cùng màn hình có thể di chuyển qua lại hoặc ẩn. Lúc đầu, tôi không biết điều gì đã gây ra tình trạng cuộn trang nên tôi đã vắt óc ra nhìn mã nguồn cả ngày. Sau khi xem xét lại, tôi nghĩ đó là lý do. Vì vậy, trong số các phần ở dạng flex, tôi đã thay đổi tất cả các phần liên quan đến hoạt ảnh thành float và không có vấn đề gì. Dù sao, tôi thực sự rất thích bài giảng đầy nhiệt huyết. Chúc bạn luôn gặp nhiều may mắn. Cảm ơn!

5.0

이슬비

100% đã tham gia

Tôi đã nghe bài giảng bổ ích đến tận cuối cùng. Chương trình giảng dạy được xây dựng rất tốt đến mức những ai muốn có trình độ trên sơ cấp nhất định phải nghe. Tôi nghĩ ngay cả người trình độ trung cấp nghe cũng sẽ thấy bài giảng rất bổ ích. Bài giảng tốt đến mức đáng để nghe như vậy. Nếu là người mới bắt đầu, người sơ cấp thì nhất định phải nghe bài giảng lý thuyết cốt lõi. Tôi cảm thấy như nó lấp đầy những phần còn thiếu. Tôi cho rằng càng cần phải nghe để có thể dễ dàng theo kịp trang landing responsive xuất hiện ở phần sau. Khi làm trang landing thì giảng viên cũng giải thích nhưng nếu nghe trước rồi tiến hành thì sẽ hiểu dễ dàng hơn. Tuy có thể có sự khác biệt tùy theo người nghe, nhưng theo tôi thì đây là bài giảng vừa phải tốt. Giảng viên giải thích rất hay nên tôi hiểu rất rõ, và đây là bài giảng cần thiết cho thực tế. Đã giúp ích rất nhiều cho tôi. Cảm ơn bài giảng hay.

5.0

a토링

75% đã tham gia

Trước khi tham gia khóa học, bạn cần tạo một trang web! Khi tôi mã hóa nó, cấu trúc không giống hệt như tôi tưởng tượng. Nó bị cong và tôi đã thêm -230px vào lề, sau đó tôi tạo cấu trúc bằng cách gần như khớp nó lại vào đúng vị trí. Và sau đó, "À~ Tôi đoán là tôi không liên quan đến quầy lễ tân~" Sự lặp lại của............. Xem video, bức tranh tổng thể được vẽ rất đẹp và vì người hướng dẫn nói về sự lặp lại vô hạn nên tôi nghĩ rằng khi nghe, bạn có thể hiểu đại khái những gì giáo viên định nói. Ví dụ, người hướng dẫn nói: "Cho phần tử con một float." Khi bạn nói điều này, điều tiếp theo vô điều kiện là "Vì giá trị float được cấp cho phần tử con nên phần tử cha sẽ mất giá trị chiều cao của nó, do đó, hãy cung cấp tràn:ẩn cho phần tử cha" hầu như luôn xuất hiện. Bằng cách này, ngay cả khi bạn không cố gắng ghi nhớ nó một cách riêng biệt, phần ẩn tràn cha mẹ vẫn được lặp lại đến mức bạn có thể ghi nhớ nó như một cái máy, ngay cả khi nó chỉ xuất hiện trên float, do đó cấu trúc sẽ dính vào bạn. cái đầu. Trong phần giới thiệu bài giảng có nói rằng hãy thoải mái làm việc trên Phần 3 (Header ~ Mobile) như một phương pháp học tập, nhưng tôi đã không làm được điều đó trong bài giảng trước và chỉ hài lòng với kết quả đạt được. Vì vậy, khi nhìn thấy kết quả mình làm được cùng với người hướng dẫn, tôi đã nhầm tưởng rằng mình đã tự làm được... haha ​​​​Nhưng sau khi nhìn thấy kết quả, tôi cảm thấy tự hào ~ Tôi nên thử cách khác!! Nhắc mới nhớ, khi tôi cố gắng làm việc đó một mình, nó đã không thành công. Thế nên lần này mình chỉ giải tỏa đầu óc mà xem khi nằm trên giường, xem lúc ăn quýt, xem lúc giặt quần áo, xem trên xe buýt haha. , Tôi sẽ lấp đầy nó bằng các bài giảng thay vì YouTube. Khi tôi ngồi trước PC và xem nó, tôi nhìn nó từ tư thế thoải mái nhất trên đời... (.. haha, đây chẳng phải là lợi thế của trực tuyến sao?) Khi nghe, tôi không tránh khỏi phát hiện ra nhiều điều Tôi không biết nhiều về. Tất nhiên, nếu nghe lại những điều đó, bạn sẽ nhớ lờ mờ, nhưng khi đã học, bạn có thể nhẹ nhàng mở sổ ghi chú hoặc (nếu nghe trên PC) ghi chép vào bên phải bài giảng của Infron và nghe. với những ghi chú đơn giản, như vậy bạn sẽ bớt buồn ngủ hơn (<s>ngủ) Slave</s>) Tôi nhớ mọi thứ tốt hơn vì tay tôi không rảnh rỗi. Và, 'Mọi người đã nghe bài giảng ngày hôm nay~' Tóm lại, những điều tôi học được hôm nay mà tôi thực sự chưa biết đều được sắp xếp trong một cuốn sổ ghi chú, vì vậy rất dễ hiểu và dễ dàng xem lại chỉ bằng cách nhìn vào chúng. Sau đó, trong lần đọc thứ hai, khi bạn tự viết mã, thay vì thực hiện với tốc độ như người hướng dẫn, trước tiên hãy xem ảnh thành phẩm + cấu trúc cơ bản, thêm CSS và sau đó so sánh cách bạn thêm nó khác với người hướng dẫn. Tôi nghĩ nó cũng thú vị để xem. Bằng cách đó, tôi nghĩ rằng tôi thực sự có thể biết liệu nó hoàn toàn là của tôi hay tôi chỉ luyện tập đánh máy. Ngoài ra, tôi nghĩ rằng bằng cách này, những câu hỏi chất lượng có thể được đặt ra. Sau khi đọc nó hai lần, tôi nghĩ sẽ là một ý tưởng hay nếu bạn thử tự làm thay vì nhấn F12 trong khi xem nhiều trang web khác nhau. Tuy nhiên, sau khi hoàn thành bài đọc thứ hai (bao gồm cả bài giảng trước), cấu trúc của hầu hết các trang web khiến tôi chú ý và tôi thấy mình bắt chước chúng theo cách tương tự một cách mơ hồ!! Vì vậy, tôi sắp hết thời gian nên tôi sẽ đọc xong nó trong một lần đọc! Thay vì nghĩ rằng, lần đọc đầu tiên thực sự là tư thế thoải mái nhất trên đời, và khi nhập mã trực tiếp vào lần đọc thứ hai, bạn mơ hồ nhớ ra + nhìn vào notepad mình đã viết, tham khảo các điểm tham khảo và đưa ra và so sánh đầu tiên. Đây là một phương pháp học tập tuyệt vời. Dù sao đi nữa, tôi nghĩ rằng một bài giảng mà ngay cả một kẻ ngốc như tôi cũng có thể theo dõi ở một mức độ nào đó là một bài giảng đáng để bất kỳ ai tham gia!!!! p.s) Không, nhưng bài giảng này được cho là dành cho người mới bắt đầu, vậy đây có phải là video dành cho người mới bắt đầu không?... (Việc xuất bản vẫn còn lâu mới kết thúc?...)

Bạn sẽ nhận được điều này sau khi học.

  • Nâng cao kỹ năng và bí quyết xuất bản (publishing) toàn bộ trang web

  • Bố cục đáp ứng (responsive layout) được sắp xếp 99% bằng cách sử dụng phương pháp truyền thống là float và position.

  • Khái niệm chính xác và cách sử dụng thuộc tính position

  • Hiểu và cách sử dụng các lớp giả (pseudo-classes) hover, before, after, checked, active

  • Học tập và ứng dụng lý thuyết cốt lõi JQUERY

  • Khả năng tạo nội dung menu tab bằng CSS và nội dung menu accordion bằng JQUERY

  • Sử dụng thuộc tính CSS3 filter và thuộc tính object-fit

  • Khả năng thiết kế và hoàn thiện web đáp ứng (responsive) tương thích với thiết bị di động (Media Query)

  • Khả năng xây dựng toàn diện trang web phản hồi được tối ưu hóa trên cả phiên bản PC và di động

  • Plugin hiệu ứng cuộn hiển thị (Scroll Reveal Animation)

  • Plugin hiệu ứng hoạt ảnh gõ chữ (Text Typing)

  • Cách sử dụng Slick slider và cách chỉnh sửa CSS tùy chỉnh

Quy trình chế tác portfolio website tương thích
(App Official Landing)

'Tổng cộng hơn 22 giờ bài giảng về portfolio website thích ứng'
'Lớp học lý thuyết cốt lõi và quy trình sản xuất website thích ứng'
'Khóa học sản xuất trang chủ portfolio thích ứng để tìm việc làm publisher'
'Lớp học hard-coding để nâng cao kỹ năng publishing thực tế'
'Hơn 9 giờ video về cách sử dụng plugin jQuery thiết yếu và lý thuyết CSS cốt lõi'
'Lớp học tỉ mỉ và hệ thống của giảng viên chuyên về publishing kiêm publisher đương nhiệm'

 


📔 Đặc điểm của khóa học sản xuất Portfolio Website thích ứng (Responsive)

01) Trang web thích ứng được tạo bằng phương pháp bố cục thuần CSS

02) Không phải là trang web nhân bản hay sao chép, mà là trang web do Coding Works trực tiếp thực hiện từ thiết kế UI đến xuất bản (publishing)

03) Cung cấp 14 bản hoàn thiện theo từng giai đoạn của chương trình học và tệp thiết kế UI PSD
※ Thiết kế UI Photoshop được thực hiện bằng phiên bản Photoshop CC 2019.

04) Tổng cộng hơn 22 giờ bài giảng thực hành

05) Trình chỉnh sửa văn bản để học lý thuyết và thực hành
Trình chỉnh sửa văn bản được sử dụng trong bài giảng xây dựng website phản hồi lần này là Visual Studio CodeBrackets. Tất nhiên, bạn cũng có thể sử dụng các trình chỉnh sửa văn bản khác. Bạn có thể sử dụng trình chỉnh sửa văn bản mà mình đã quen thuộc. Tuy nhiên, những trình chỉnh sửa văn bản không có chức năng xem trước thời gian thực (Live Preview) có thể khiến bạn gặp khó khăn khi theo dõi bài giảng.

06) Video lý thuyết cốt lõi bắt buộc để học quá trình sản xuất suôn sẻ (Slick Slider, Reveal Animation)
Ngoại trừ bài giảng sản xuất Portfolio website phản hồi (App Official Landing Website), còn có hơn 9 giờ video bài giảng lý thuyết cốt lõi như cách sử dụng jQuery plugin, lý thuyết CSS thiết yếu để sản xuất. Nếu bạn chuyển sang phần sản xuất thực tế mà không xem các video này, bạn có thể sẽ cảm thấy khó khăn khi theo dõi. Vui lòng học kỹ các nội dung mà bạn thấy lạ lẫm hoặc còn thiếu trong [Phần 2. Cách sử dụng jQuery plugin thiết yếu và Lý thuyết cốt lõi CSS thiết yếu] trước khi bắt đầu.


💡 Xem trước (Preview) chuyển đổi phần bố cục PC

💡 Xem trước (Preview) UI/UX bố cục Mobile


🙋🏻‍♂️ Kiến thức tiên quyết để tham gia khóa học

Độ khó của việc thiết kế trang web phản hồi lần này không dành cho người mới bắt đầu hoặc trình độ sơ cấp. Cấp độ khóa học là trung cấp, hoặc bạn phải gần đạt đến trình độ đó mới có thể theo kịp tốt. Tôi nghĩ nếu bạn cảm thấy mình ít nhất không còn ở trình độ sơ cấp nữa thì việc theo kịp khóa học sẽ không quá khó khăn.

Về kiến thức tiên quyết để tham gia khóa học, bạn chỉ cần nắm được những nội dung cơ bản về HTML+CSS. Tuy nhiên, điều đó không có nghĩa là bạn phải thật giỏi HTML+CSS. Trong khóa học kéo dài hơn 20 giờ này, tôi sẽ giải thích mọi thứ một cách thong thả và đầy đủ. Nếu trong quá trình xem video, việc viết mã HTML+CSS của bạn bị chậm hơn, bạn có thể tạm dừng video để hoàn thành phần mã đó rồi mới tiếp tục bước tiếp theo.

Việc bạn phải dừng video để tự mình viết code nên tốn nhiều thời gian hơn người khác là chuyện bình thường. Ngược lại, điều đó còn tốt hơn vì bạn có thời gian để bình tĩnh tự mình thực hành code. Đừng quá lo lắng, hy vọng chúng ta sẽ cùng nhau học tập thật tốt. ^^

Trong số các bài giảng của tôi, có bài giảng 'HTML+CSS+JQUERY 포트폴리오 중급 실전 퍼블리싱 강의 (Bài giảng thực hành xuất bản Portfolio trung cấp HTML+CSS+JQUERY)'. Nội dung lý thuyết và các ví dụ thực hành trong bài giảng này bao gồm hầu hết tất cả các nội dung cần thiết cho việc xây dựng trang web đáp ứng lần này. Nói cách khác, tôi nghĩ đây là bài giảng giúp bạn có thể xây dựng nền tảng HTML+CSS+JQUERY một cách vững chắc.

Trong việc thiết kế website đáp ứng lần này, ngoại trừ một vài phần, tôi nghĩ rằng nếu bạn học qua nội dung trong 'Khóa học xuất bản thực hành trung cấp danh mục đầu tư HTML+CSS+JQUERY' khoảng một lần rồi mới bắt đầu thì sẽ dễ dàng theo kịp hơn nhiều.

Kết luận là...

Nếu bạn không phải là người mới bắt đầu hoặc ở trình độ sơ cấp thì việc theo kịp bài giảng sẽ không thành vấn đề, nhưng có thể bạn sẽ cảm thấy hơi quá sức một chút.
Nếu bạn đã nắm vững kiến thức cơ bản về HTML+CSS thông qua các bài giảng khác, tôi tin rằng bạn không chỉ hoàn toàn có thể theo kịp mà còn kết thúc quá trình sản xuất website phản hồi với sự hiểu biết sâu sắc về lý do tại sao chúng ta lại làm như vậy.


📕  Đề xuất phương pháp học tập của Coding Works để học tập hiệu quả

Tôi nghĩ rằng phương pháp học tập của mỗi người là khác nhau. Vì vậy, không có câu trả lời duy nhất. Tuy nhiên, tôi tin rằng có một phương pháp học tập hiệu quả theo góc nhìn của một người có kinh nghiệm và là người sáng tạo nội dung. Do đó, tôi xin đề xuất phương pháp học tập hiệu quả mà Coding Works đã suy nghĩ.

[Bước 1]
Xem video toàn bộ quá trình thực hiện từ Phần 3 đến Phần 16 từ đầu đến cuối mà không cần thực hành. (Vì quá trình thực hiện kéo dài hơn 12 tiếng nên chỉ việc xem thôi cũng không hề đơn giản. Vì vậy, hãy xem một cách thoải mái khi đang di chuyển hoặc đang ăn. Bạn chỉ cần để ý xem họ đang tạo ra cái gì và theo thứ tự nào là được.)

[Bước 2]
Khi thực hiện Bước 1, bạn sẽ tự nhiên biết được phần nào cần lý thuyết và phần nào cần chuẩn bị. Sau đó, bạn sẽ học ở mức độ nhất định các vấn đề lý thuyết cần thiết cho việc chế tác, dù không nhất thiết phải hoàn hảo. Nếu bạn không ở trình độ cơ bản, tôi đã chuẩn bị các video trong Phần 2. Cách sử dụng Plugin jQuery thiết yếu và Lý thuyết cốt lõi CSS thiết yếu, nên tôi nghĩ sẽ không thiếu sót đâu. Tuy nhiên, đối với các lý thuyết thiết yếu về HTML+CSS như lớp giả (pseudo-class), bộ chọn (selector), vui lòng học trên kênh YouTube của Coding Works.

[Bước 3]
Vui lòng xem kỹ video và thực hành từ Phần 3. Vì đã chuẩn bị kỹ lưỡng từ trước nên tôi nghĩ bạn sẽ thấy việc theo dõi dễ dàng hơn nhiều.

[Bước 4]
Sau khi hoàn thành việc tạo toàn bộ trang web phản hồi cùng với video, hãy mở tệp Photoshop PSD được cung cấp và chỉnh sửa thiết kế UI bằng cách đặt chủ đề của riêng bạn. Đừng thay đổi quá nhiều bố cục, hãy chỉnh sửa từng phần từ bố cục hiện có để hoàn thiện thiết kế UI cho danh mục hồ sơ cá nhân của bạn.

[Bước 5]
Dựa trên thiết kế UI đã tạo, hãy lập bản định nghĩa tính năng và cấu trúc HTML trong PPT, sau đó tiến hành thực hành publishing để hoàn thiện. Khi đó, bạn sẽ hoàn thành được portfolio thiết kế và portfolio publishing của riêng mình.


🙋🏻‍♂️ Các câu hỏi dự kiến liên quan đến bài giảng và những điều cần lưu ý

Q. Có video giải thích các lý thuyết CSS trung cấp xuất hiện trong quá trình làm ví dụ không?
A. Những câu hỏi như 'Trong khi làm ví dụ có rất nhiều lý thuyết trung cấp không có trong lý thuyết cơ bản xuất hiện, vậy tôi có thể học các bài giảng lý thuyết trung cấp ở đâu?' thường xuyên được đăng tải trên bảng hỏi đáp.

Khóa học hiện tại không phải là khóa học làm các ví dụ dàn trang (publishing) sơ cấp. Đây là khóa học thực hiện các ví dụ dàn trang từ sơ cấp đến trung cấp. Vì vậy, bạn cần phải biết ở mức độ nhất định về lý thuyết CSS sơ - trung cấp. Tuy nhiên, không nhất thiết phải quá giỏi. Các lý thuyết CSS sơ - trung cấp sẽ được lặp đi lặp lại liên tục trong quá trình thực hiện ví dụ. Ngoài ra, trên kênh Youtube Coding Works có danh sách phát mang tên [Lý thuyết trung cấp] Lý thuyết CSS trung cấp với các video chi tiết về lý thuyết trung cấp cần thiết để làm ví dụ, nên sẽ rất tốt nếu bạn vừa theo học khóa học này vừa kết hợp học song song lý thuyết trung cấp.

▲ Đi đến kênh YouTube Coding Works

Q. Sau khi hoàn thành khóa học này, tôi có thể làm việc như một Publisher trong thực tế không?
A. Nếu bạn hiểu rõ và có thể vận dụng tốt tất cả nội dung publishing trong khóa học này thì hoàn toàn có thể. Tuy nhiên, công việc publishing đòi hỏi phải có đủ kinh nghiệm và trải nghiệm qua nhiều loại website khác nhau mới có thể làm việc thực tế được. Tôi nghĩ bạn nên học thêm một vài bài giảng tương tự như khóa học này và thực hành quy trình sản xuất toàn bộ website vài lần nữa. Tất nhiên, bạn cũng cần phải tự xây dựng trang web Portfolio cá nhân. Rào cản gia nhập ngành publishing cao hơn bạn nghĩ. Việc chỉ xem video một lần không có nghĩa là toàn bộ nội dung và bí quyết sẽ được truyền tải hết cho học viên, vì vậy hãy thực hiện quá trình biến kiến thức thành của mình thông qua phương pháp học tập đã giải thích ở trên.

Q. Tôi không thấy có phần lý thuyết riêng để giải thích các lý thuyết xuất hiện trong quá trình làm trang web? 
A. Khóa học bạn đang theo học không phải là khóa học nhập môn hay sơ cấp, mà là bài giảng thực hành hoàn thiện website phản hồi ở cấp độ trung cấp. Tôi khuyên bạn nên nâng cao kỹ năng thông qua các khóa học khác về phần lý thuyết cơ bản và thực hành làm ví dụ thực tế.

Q. Nếu có điều gì không hiểu trong quá trình học thì tôi có thể đặt câu hỏi ở đâu?
A. Nếu bạn có thắc mắc, hãy để lại bài đăng trên bảng [Hỏi & Đáp], tôi sẽ trả lời ngay khi kiểm tra được (có thể không phản hồi tức thì). Và vui lòng đặt câu hỏi càng cụ thể càng tốt. Rất khó để đưa ra câu trả lời đầy đủ nếu câu hỏi không rõ ràng. Vì vậy, khi đặt câu hỏi, sẽ dễ dàng hơn nhiều cho tôi nếu bạn đính kèm ảnh chụp màn hình mã HTML, CSS, JQUERY mà bạn đang viết cùng với nội dung thắc mắc.

Hỏi: Thưa giảng viên, tôi có nên xem khóa học <Hướng dẫn thực tế tìm việc làm Publisher> trước không ạ?
Đáp: Việc trau dồi thêm kỹ năng lập trình là quan trọng, nhưng trước hết bạn cần trang bị những nền tảng cơ bản của một Publisher. Trong sách điện tử (PDF) Hướng dẫn thực tế tìm việc làm Publisher, tôi đã tổng hợp kỹ lưỡng những nội dung mà một Publisher nhất định phải biết như: thói quen và nguyên tắc lập trình đúng đắn, cách lập trình như một người có kinh nghiệm, v.v. Tôi khuyên bạn nên xem sách điện tử (PDF) Hướng dẫn thực tế tìm việc làm Publisher trước để có sự hiểu biết đầy đủ về các nền tảng cơ bản rồi mới bắt đầu học. Bạn có thể nhấp vào hình ảnh bên dưới để xem nội dung giới thiệu khóa học.


Lộ trình khóa học Publishing của Coding Works để trở thành Publisher chuyên nghiệp

 

❤ Tin vui trúng tuyển vị trí Publisher từ học viên Coding Works


▲ Đây là một học viên đã học khóa học xuất bản (publishing) hỗ trợ từ ngân sách nhà nước với tôi trong khoảng 4 tháng rưỡi, và tôi vừa nhận được tin nhắn KakaoTalk báo rằng bạn ấy đã tìm được việc làm.


▲ Tôi đã nhận được tin nhắn KakaoTalk về kết quả phỏng vấn và tìm việc của học viên khóa học offline sản xuất Portfolio cá nhân của Coding Works. (24.04.2023)

 


❤ Email của học viên Coding Works gửi sau khi trúng tuyển vị trí Publisher

Chào thầy ạ :)

Chào thầy, em là Kim O Jeong, học viên đã theo dõi các bài giảng của thầy trên Inflearn đây ạ.
Em là học viên đã gửi email cho thầy vào mùa hè năm nay để xin lời khuyên về portfolio cá nhân.
Không biết thầy còn nhớ em không ạ? hehe.

Không có gì khác ngoài việc,
em gửi email này để báo tin vui với thầy rằng em đã xin được việc làm Publisher nhờ vào bản portfolio mà thầy đã cho lời khuyên ạ!

Thậm chí!!
Công ty đã chủ động liên hệ trước sau khi xem hồ sơ năng lực (portfolio) mà em đăng trên Saramin, và em đã trúng tuyển sau khi phỏng vấn qua Zoom!
Phía công ty đã đáp ứng mức lương mong muốn và em đã vào được một công ty mà mình thực sự chỉ làm công việc của một Publisher, không phải kiêm nhiệm thiết kế hay phát triển.

Đó là một công ty đang tìm kiếm nhân viên xuất bản web có kinh nghiệm, nhưng họ đã liên lạc với một người mới như tôi, nên khi tôi hỏi tại sao lại liên lạc với mình thì họ nói rằng
họ đã xem rất nhiều portfolio của những người khác, nhưng "Bản định nghĩa tính năng" trong portfolio của tôi rất nổi bật nên họ đã liên lạc.

Tôi nghĩ rằng tất cả những điều này đều nhờ vào bài giảng của thầy.
Nếu không nghe bài giảng của thầy, có lẽ tôi cũng chỉ có một bản hồ sơ năng lực bình thường, nhưng nhờ những bí quyết mà thầy đã chia sẻ, tôi đã có thể xin việc thành công!

Mặc dù chưa từng được gặp thầy trực tiếp,
nhưng trong suốt quá trình làm portfolio, em đã vừa xem bài giảng của thầy vừa dựa dẫm và tin tưởng rất nhiều để nỗ lực hoàn thiện nó!

Tôi cảm thấy kỹ năng của mình trong 3 tháng làm portfolio sau khi nghe bài giảng của thầy đã tăng lên đáng kể so với những gì tôi tích lũy được trong suốt thời gian dài học tại trung tâm.

Tôi đã khao khát điều đó rất nhiều,
và khi tin tưởng làm theo những gì thầy đã hướng dẫn, tôi đã nhận được kết quả thực sự tốt.

Em thực sự cảm ơn thầy rất nhiều!

Hãy cẩn thận với dịch bệnh nhé
và hy vọng sẽ được gặp lại thầy trong những bài giảng tuyệt vời khác :)


Chào thầy ạ~ Em là OOO, học viên trên Inflearn đây ạ~ Em biết địa chỉ email này nhờ xem câu trả lời cho học viên khác ạ.. hehe

Em muốn gửi lời cảm ơn đến thầy ạ ㅎㅎ

Cho đến nay, em đã học các bài giảng của thầy và trải qua khoảng 2 tuần vất vả nộp sơ đồ xin việc..
Em đã trúng tuyển phỏng vấn tại một công ty và chuẩn bị đi làm rồi ạ.. Em thực sự cảm ơn thầy rất nhiều..ㅠㅠ

Thật ra vì tôi đã 32 tuổi nên đã lo lắng rất nhiều, nộp hồ sơ nhiều nơi nhưng không thấy liên lạc...
Nhưng người phụ trách nhân sự của công ty này nói rằng bản thân họ không thích những người xuất thân từ các trung tâm đào tạo cho lắm ㅎㅎ
Công ty mà tôi quyết định vào làm tuy nhỏ nhưng có cả lập trình viên và thiết kế web.
Họ có hình thức đào tạo trong 3 tháng rồi mới đưa vào làm việc thực tế.
Dù khoảng cách hơi xa và mức lương cũng thấp... nhưng tôi sẽ học tập chăm chỉ để nâng cao mức lương của mình~ ㅎㅎ

Trong thời gian qua em thực sự rất cảm ơn thầy. Thầy đã giải đáp thắc mắc rất tận tình, và việc học online như thế này mà vẫn có thể xin được việc làm khiến em cảm thấy thật kỳ diệu..

Em sẽ tiếp tục vừa nghe bài giảng của thầy vừa học tập để nâng cao năng lực hơn nữa trong tương lai. Cố lên~!

 

🙋🏻‍♂️ Nhất định phải đọc trước khi đặt câu hỏi nhé~!!

Nếu có bất kỳ thắc mắc nào trong quá trình học tập, hãy đặt câu hỏi nhé. Khi đặt câu hỏi, bạn cần đăng tải nội dung không thực hiện được cùng với mã nguồn (code) và ảnh chụp màn hình kết quả trên trình duyệt. Đối với mã nguồn, bạn phải gửi đầy đủ cả mã HTML, CSS và JS thì tôi mới có thể đưa ra câu trả lời chính xác được.

Nếu bạn chỉ giải thích vấn đề bằng văn bản trong câu hỏi mà không có mã nguồn, sẽ rất khó để tôi đưa ra câu trả lời chính xác trừ khi đó là vấn đề cực kỳ đơn giản. Khi đó, tôi không còn cách nào khác là phải phản hồi lại rằng 'Vui lòng đăng mã HTML, CSS, JS và ảnh chụp màn hình trình duyệt~', và cuối cùng việc nhận được giải pháp sẽ trở nên phiền phức và mất thời gian hơn.


▲ Vui lòng kiểm tra trước mục Các câu hỏi thường gặp trong cộng đồng bài giảng này nhé~

 


⚡ Để học tập hiệu quả, nhất định hãy tham khảo YouTube Coding Works Publishing nhé.

Vui lòng kết hợp học cùng với các video bài giảng lý thuyết trên kênh YouTube Coding Works Publishing. Tất nhiên không phải tất cả các video lý thuyết đều có trên kênh YouTube, nhưng hầu hết các video lý thuyết quan trọng đều có sẵn. Vì có rất nhiều video, nên tốt nhất bạn hãy tìm kiếm theo ví dụ bên dưới để tìm được video mong muốn.

Kênh YouTube CodingWorks Publishing: https://www.youtube.com/codingworks

 

👨🏼‍🏫 Giới thiệu giảng viên

  • (Hiện tại) Freelancer Frontend Publisher
  • Giảng viên Web Publishing tại Học viện Máy tính The Joeun
  • Giảng viên Web Publishing tại Học viện Máy tính Ezen
  • Người cắt giao diện Front-end (Front-end Publisher), Giảng viên chuyên nghiệp về Front-end Publishing
  • Lớp chứng chỉ kỹ năng thiết kế web thực hành tại Học viện Máy tính Ezen
  • Trung tâm Đào tạo ICT Rakpia, Giảng viên Khóa học Master Frontend Publishing
  • Ezen Edu Front-end Publishing, Thiết kế UI/UX
  • Vận hành kênh YouTube về xuất bản HTML+CSS+JQUERY 'Coding Works'
  • Kênh YouTube Publishing của Coding Works - https://www.youtube.com/codingworks

Xây dựng trang web portfolio cá nhân cho publisher giúp thu hút phỏng vấn và việc làm, scss, sass, flex, grid, html, css, html/css, website, web publisher, tuyển dụng publisher, trang web, coding, coding, jquery, javascript, jQuery, JavaScript, layout, web tương tác, interactive web, web design, thiết kế web, portfolio, publishing, web responsive, kỳ thi thực hành kỹ thuật viên thiết kế web, bootstrap, Bootstrap, css frameworks, framework

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà phát triển giao diện (Publisher) muốn trải nghiệm toàn bộ quá trình xây dựng website.

  • Những người muốn xây dựng trang web thực tế bằng cách sử dụng các kỹ năng xuất bản cơ bản

  • Dành cho những ai cần xây dựng trang web portfolio cá nhân để công khai sản phẩm.

Cần biết trước khi bắt đầu?

  • Kỹ năng lập trình cơ bản HTML+CSS

Xin chào
Đây là codingworks

13,037

Học viên

782

Đánh giá

2,122

Trả lời

4.9

Xếp hạng

23

Các khóa học

■ [Hiện tại] Giảng viên Publishing & Front-end được nhà nước hỗ trợ kinh phí
■ [Hiện tại] Freelance Front-end Publisher
■ [Hiện tại] Vận hành kênh YouTube 'Coding Works' chuyên về HTML+CSS+JQUERY Publishing
■ Giảng viên Web Publishing tại Green Computer Academy
■ Giảng viên Web Publishing tại The Joeun Computer Academy
■ Giảng viên Web Publishing tại Ezen Computer Academy
■ Front-end Publisher, Giảng viên chuyên nghiệp về Front-end Publishing
■ Giảng dạy Portfolio thiết kế Web UI/UX
■ Giảng dạy lớp chứng chỉ thực hành Kỹ thuật viên Thiết kế Web
■ Thiết kế UI/UX và Publishing Front-end tại Easy & Edu

 

🌏Danh sách bài giảng CodingWorks trên Inflearn - https://www.inflearn.com/users/@codingworks
🌏Thứ tự học các bài giảng CodingWorks trên Inflearn (Lộ trình học tập) - https://www.inflearn.com/blogs/2351
🌏Blog Publishing CodingWorks trên Inflearn - https://www.inflearn.com/users/@codingworks/blogs
🌏Kênh YouTube Publishing của CodingWorks - https://www.youtube.com/codingworks
🟣Xem phỏng vấn CodingWorks trên Inflearn In-focus: https://www.inflearn.com/pages/infocus-8-20230704

Thêm

Chương trình giảng dạy

Tất cả

108 bài giảng ∙ (23giờ 47phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

32 đánh giá

5.0

32 đánh giá

  • mmm3n50119님의 프로필 이미지
    mmm3n50119

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    44% đã tham gia

    Tôi đã xem phiên bản PC tại nơi làm việc mà thậm chí không bật âm thanh và tôi chỉ biết dòng chảy ... Bây giờ, tôi tò mò muốn biết sẽ có sự khác biệt như thế nào nếu tôi xem bài giảng đúng cách và làm theo mà không xem. Liệu điều đó có thực sự khả thi không?? Ngoài ra tôi sẽ chỉnh sửa ở phía dưới sau, tôi vẫn đang làm công việc thiết kế ở công ty nên không thích lắm.

    • codingworks
      Giảng viên

      cười lớn, đã được một thời gian rồi. Bạn là một nhà thiết kế hiện tại. Vì các bạn đang gặp khó khăn sau giờ làm việc nên các bạn hãy xem video từng bước một vào cuối tuần và làm theo nhé~

  • hkgb0009님의 프로필 이미지
    hkgb0009

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    90% đã tham gia

    Đó là một thành công hoàn toàn. Vì đã có kiến ​​thức cơ bản nên mình đã hoàn thành khóa học trong 5 ngày... Mình sẽ xây dựng một portfolio! ^^

    • codingworks
      Giảng viên

      Seunghun, bạn đã hoàn thành khóa học rồi phải không? Thầy mới bắt đầu đi dạy được một tuần nhưng thầy đã làm việc rất chăm chỉ. Tôi nghĩ sẽ là một ý kiến ​​hay nếu thay đổi tác phẩm này và biến nó thành một hồ sơ cá nhân. Cảm ơn bạn đã đánh giá của bạn ~ ^^

  • suhbyungsik1535님의 프로필 이미지
    suhbyungsik1535

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    76% đã tham gia

    Trong bài giảng của Coding Works, tôi đã nghiên cứu phần thực hành tạo trang web lần thứ ba. Vì tôi đã tham gia một bài giảng về cách tạo một trang web linh hoạt trước bài giảng này nên tôi đã không sử dụng float mà thay vào đó sử dụng flex cho bố cục. Vì có thời gian nên mình làm logo riêng và thay đổi thiết kế một chút. Lần này tôi đã hiểu rõ hơn về khái niệm Slickrider. Tôi nghĩ rằng tôi cũng đã học được thêm một chút về cách sắp xếp các khái niệm trong phần js. Phần này đặc biệt ấn tượng vì có rất nhiều hình ảnh động, và trong phần Câu hỏi thường gặp, cách tạo đàn accordion và cách tạo menu tab bằng cách kết nối đầu vào và nhãn cũng rất hữu ích với tôi. Điều hơi thất vọng là tôi làm việc trên màn hình có độ phân giải 3840. Khi chiều cao được đặt thành 90vh trên màn hình chính, khoảng cách giữa nó và đoạn tiếp theo, ceo access, trở nên quá lớn. Ngoài ra, khi làm việc với flex, hiện tượng cuộn ngang xảy ra khi xảy ra hoạt ảnh trái và phải, khiến màn hình bị vỡ và tiêu đề cố định trên cùng màn hình có thể di chuyển qua lại hoặc ẩn. Lúc đầu, tôi không biết điều gì đã gây ra tình trạng cuộn trang nên tôi đã vắt óc ra nhìn mã nguồn cả ngày. Sau khi xem xét lại, tôi nghĩ đó là lý do. Vì vậy, trong số các phần ở dạng flex, tôi đã thay đổi tất cả các phần liên quan đến hoạt ảnh thành float và không có vấn đề gì. Dù sao, tôi thực sự rất thích bài giảng đầy nhiệt huyết. Chúc bạn luôn gặp nhiều may mắn. Cảm ơn!

    • codingworks
      Giảng viên

      Cảm ơn bạn đã đánh giá của bạn ~!!

  • flowerkong31662님의 프로필 이미지
    flowerkong31662

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    81% đã tham gia

    Đây là một bài giảng cao cấp sẽ giúp bạn cải thiện kỹ năng của mình hơn bất kỳ bài giảng nào khác mà bạn đã tham gia cho đến nay. Thầy giảng rất chi tiết nên cả lý thuyết lẫn thực hành đều dễ hiểu!! Cảm ơn bạn rất nhiều, người hướng dẫn! Mức độ hài lòng cao đến mức bạn muốn nghe hết các bài giảng đã tải lên.!! ^^

    • codingworks
      Giảng viên

      Xin chào mm Tôi thực sự vui mừng vì bạn thấy bài giảng hữu ích. Cảm ơn bạn đã quan tâm đến các khóa học Công việc viết mã khác. Nếu bạn có bất kỳ câu hỏi nào về Let's Study, vui lòng hỏi. Cảm ơn bạn đã đánh giá.

  • taes11014397님의 프로필 이미지
    taes11014397

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    75% đã tham gia

    Trước khi tham gia khóa học, bạn cần tạo một trang web! Khi tôi mã hóa nó, cấu trúc không giống hệt như tôi tưởng tượng. Nó bị cong và tôi đã thêm -230px vào lề, sau đó tôi tạo cấu trúc bằng cách gần như khớp nó lại vào đúng vị trí. Và sau đó, "À~ Tôi đoán là tôi không liên quan đến quầy lễ tân~" Sự lặp lại của............. Xem video, bức tranh tổng thể được vẽ rất đẹp và vì người hướng dẫn nói về sự lặp lại vô hạn nên tôi nghĩ rằng khi nghe, bạn có thể hiểu đại khái những gì giáo viên định nói. Ví dụ, người hướng dẫn nói: "Cho phần tử con một float." Khi bạn nói điều này, điều tiếp theo vô điều kiện là "Vì giá trị float được cấp cho phần tử con nên phần tử cha sẽ mất giá trị chiều cao của nó, do đó, hãy cung cấp tràn:ẩn cho phần tử cha" hầu như luôn xuất hiện. Bằng cách này, ngay cả khi bạn không cố gắng ghi nhớ nó một cách riêng biệt, phần ẩn tràn cha mẹ vẫn được lặp lại đến mức bạn có thể ghi nhớ nó như một cái máy, ngay cả khi nó chỉ xuất hiện trên float, do đó cấu trúc sẽ dính vào bạn. cái đầu. Trong phần giới thiệu bài giảng có nói rằng hãy thoải mái làm việc trên Phần 3 (Header ~ Mobile) như một phương pháp học tập, nhưng tôi đã không làm được điều đó trong bài giảng trước và chỉ hài lòng với kết quả đạt được. Vì vậy, khi nhìn thấy kết quả mình làm được cùng với người hướng dẫn, tôi đã nhầm tưởng rằng mình đã tự làm được... haha ​​​​Nhưng sau khi nhìn thấy kết quả, tôi cảm thấy tự hào ~ Tôi nên thử cách khác!! Nhắc mới nhớ, khi tôi cố gắng làm việc đó một mình, nó đã không thành công. Thế nên lần này mình chỉ giải tỏa đầu óc mà xem khi nằm trên giường, xem lúc ăn quýt, xem lúc giặt quần áo, xem trên xe buýt haha. , Tôi sẽ lấp đầy nó bằng các bài giảng thay vì YouTube. Khi tôi ngồi trước PC và xem nó, tôi nhìn nó từ tư thế thoải mái nhất trên đời... (.. haha, đây chẳng phải là lợi thế của trực tuyến sao?) Khi nghe, tôi không tránh khỏi phát hiện ra nhiều điều Tôi không biết nhiều về. Tất nhiên, nếu nghe lại những điều đó, bạn sẽ nhớ lờ mờ, nhưng khi đã học, bạn có thể nhẹ nhàng mở sổ ghi chú hoặc (nếu nghe trên PC) ghi chép vào bên phải bài giảng của Infron và nghe. với những ghi chú đơn giản, như vậy bạn sẽ bớt buồn ngủ hơn (<s>ngủ) Slave</s>) Tôi nhớ mọi thứ tốt hơn vì tay tôi không rảnh rỗi. Và, 'Mọi người đã nghe bài giảng ngày hôm nay~' Tóm lại, những điều tôi học được hôm nay mà tôi thực sự chưa biết đều được sắp xếp trong một cuốn sổ ghi chú, vì vậy rất dễ hiểu và dễ dàng xem lại chỉ bằng cách nhìn vào chúng. Sau đó, trong lần đọc thứ hai, khi bạn tự viết mã, thay vì thực hiện với tốc độ như người hướng dẫn, trước tiên hãy xem ảnh thành phẩm + cấu trúc cơ bản, thêm CSS và sau đó so sánh cách bạn thêm nó khác với người hướng dẫn. Tôi nghĩ nó cũng thú vị để xem. Bằng cách đó, tôi nghĩ rằng tôi thực sự có thể biết liệu nó hoàn toàn là của tôi hay tôi chỉ luyện tập đánh máy. Ngoài ra, tôi nghĩ rằng bằng cách này, những câu hỏi chất lượng có thể được đặt ra. Sau khi đọc nó hai lần, tôi nghĩ sẽ là một ý tưởng hay nếu bạn thử tự làm thay vì nhấn F12 trong khi xem nhiều trang web khác nhau. Tuy nhiên, sau khi hoàn thành bài đọc thứ hai (bao gồm cả bài giảng trước), cấu trúc của hầu hết các trang web khiến tôi chú ý và tôi thấy mình bắt chước chúng theo cách tương tự một cách mơ hồ!! Vì vậy, tôi sắp hết thời gian nên tôi sẽ đọc xong nó trong một lần đọc! Thay vì nghĩ rằng, lần đọc đầu tiên thực sự là tư thế thoải mái nhất trên đời, và khi nhập mã trực tiếp vào lần đọc thứ hai, bạn mơ hồ nhớ ra + nhìn vào notepad mình đã viết, tham khảo các điểm tham khảo và đưa ra và so sánh đầu tiên. Đây là một phương pháp học tập tuyệt vời. Dù sao đi nữa, tôi nghĩ rằng một bài giảng mà ngay cả một kẻ ngốc như tôi cũng có thể theo dõi ở một mức độ nào đó là một bài giảng đáng để bất kỳ ai tham gia!!!! p.s) Không, nhưng bài giảng này được cho là dành cho người mới bắt đầu, vậy đây có phải là video dành cho người mới bắt đầu không?... (Việc xuất bản vẫn còn lâu mới kết thúc?...)

    • codingworks
      Giảng viên

      AToring~ Bài đánh giá khóa học của bạn rất kỹ lưỡng và chi tiết. Trước đây chưa từng có bài đánh giá khóa học nào nhưng tôi không nghĩ sẽ có bài đánh giá khóa học dài và chi tiết như vậy trong tương lai. ^^ Chỉ cần bạn làm việc chăm chỉ, bạn sẽ sớm nhận được kết quả tốt. cố gắng đi!!

Khóa học khác của codingworks

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

1.308.615 ₫