Hướng dẫn hoàn hảo về cách tạo trang web portfolio cá nhân dành cho Publisher (PDF)

Việc cấu trúc nội dung và thiết kế UI/UX cho trang web portfolio cá nhân
phải được thực hiện dưới góc nhìn của người phụ trách nhân sự, chứ không phải từ góc nhìn của người ứng tuyển.

Xin chào. Tôi là Coding Works.

Công việc xuất bản trang web (publishing) vốn dĩ đã khó. Trong đó, tôi nghĩ rằng việc tạo ra một trang web danh mục cá nhân (portfolio) là khó nhất. Ví dụ, nếu bạn làm một trang web mua sắm, nó sẽ có những khuôn mẫu chung. Và có vô số trang web để bạn tham khảo. Vì vậy, ngay cả những ứng viên chưa có kinh nghiệm cũng có thể dễ dàng lấy ý tưởng và thiết kế UI/UX. Kết quả cuối cùng thường cũng không tệ. Tuy nhiên, với trang web danh mục cá nhân, không có quy tắc cố định nào cả. Không chỉ vậy, các trang web để tham khảo cũng gần như không có. Do đó, bạn sẽ không biết phải bắt đầu từ đâu và bắt đầu như thế nào. Thêm vào đó, tiêu chuẩn để đánh giá một trang web danh mục cá nhân được thiết kế tốt cũng rất mơ hồ. Đó là lý do tại sao tôi nghĩ việc thực hiện nó rất khó khăn.

Khóa học xuất bản (publishing) do nhà nước hỗ trợ thường kéo dài khoảng 5 tháng. Thông thường, 2 tuần đầu tiên sẽ học về các công cụ đồ họa, và 4 tháng rưỡi còn lại dành cho việc học xuất bản và tạo portfolio. Mặc dù có thể khác nhau tùy theo từng giảng viên, nhưng đa số đều như vậy. Theo kinh nghiệm của tôi, trong khoảng thời gian 4 tháng rưỡi đó, giai đoạn dạy học vất vả nhất, phải nói nhiều nhất và chuẩn bị nhiều nhất chính là 3 tuần cuối trước khi kết thúc khóa học. Coding Works bắt đầu cho học viên làm trang web portfolio cá nhân vào 3 tuần trước khi kết thúc khóa học để họ hoàn thành trước khi tốt nghiệp. Vì vậy, chúng tôi điều hành khóa học một cách chặt chẽ để học viên có thể đi phỏng vấn và tìm việc nhanh chóng mà không có cái gọi là "khoảng thời gian trống" (term).

Như đã đề cập ở trên, việc hướng dẫn làm trang web portfolio cá nhân khi không có quy chuẩn cố định là một điều rất khó khăn. Vì mỗi cá nhân đều có sở thích và trình độ khác nhau, nên giảng viên không thể chỉ định 1-2 mẫu rồi bảo học viên làm theo như vậy được. Cái khó nằm ở chỗ phải làm cho học viên nhận thức được khung cơ bản và mục đích của một trang portfolio cá nhân, sau đó hướng dẫn để họ tự mình tạo nên nó. Tất nhiên, đối với học viên, quá trình thực hiện cũng không hề dễ dàng. Tuy nhiên, vì các bạn được tạo ra sản phẩm dưới sự hỗ trợ liên tục từ người có kinh nghiệm trong suốt 3 tuần, nên hầu hết đều tạo ra được những kết quả tốt.

Đối với những người đang tự học để chuẩn bị xin việc làm Publisher hoặc những người đã hoàn thành khóa học Publishing do nhà nước tài trợ nhưng chưa kịp tạo trang web portfolio cá nhân trong thời gian đó, họ không còn cách nào khác là phải tự mình thực hiện. Đây là một việc cực kỳ khó khăn. Ngay cả khi có sự hỗ trợ liên tục từ người có kinh nghiệm trong suốt 3 tuần, việc thực hiện vẫn không hề dễ dàng. Thế nên, việc tự mình làm điều này mà không có bất kỳ sự hướng dẫn nào là một thử thách thực sự lớn. Tất nhiên, ý tôi không phải là việc tạo ra nó khó, mà là việc tạo ra một trang web portfolio cá nhân trông ổn trong mắt mọi người mới là điều khó. Chính vì vậy, Coding Works đã gói gọn tất cả nội dung của lớp học thực hành tạo trang web portfolio cá nhân (vốn được tiến hành trong 3 tuần của khóa học Publishing nhà nước tài trợ) vào trong tài liệu PDF này.

Bất kỳ ai có kỹ năng xuất bản (publishing) nhất định đều có thể tự tạo trang web portfolio cá nhân. Tuy nhiên, hầu hết mọi người đều cảm thấy rất tự hào khi tạo ra và trưng bày những sản phẩm đã mất đi tính mục đích ban đầu. Nhưng kết quả là họ không nhận được liên lạc phỏng vấn. Ngay cả khi có cuộc gọi phỏng vấn, họ cũng không thể nắm thế chủ động về điều kiện làm việc hay mức lương. Một trang web portfolio cá nhân được đầu tư kỹ lưỡng không chỉ nhằm mục đích xin việc, mà còn là chứng chỉ quan trọng nhất giúp ứng viên vị trí Publisher có thể tự tin trong buổi phỏng vấn và làm việc với những điều kiện tốt nhất.

Cuốn <Sách hướng dẫn PDF hoàn chỉnh về việc tạo trang web danh mục cá nhân> được sản xuất lần này sẽ truyền tải nhiều bí quyết và mẹo nhỏ, tương tự như 3 tuần cuối cùng của khóa học xuất bản do nhà nước tài trợ. Đặc biệt, nội dung được xây dựng bám sát mục tiêu là phải được tạo ra dưới góc nhìn của người phụ trách nhân sự - những người trực tiếp tuyển chọn ứng viên. Tôi tin rằng thông qua <Sách hướng dẫn PDF hoàn chỉnh về việc tạo trang web danh mục cá nhân>, bản thân các ứng viên Publisher có thể tự mình tạo ra một trang web danh mục cá nhân thực sự chất lượng.

• Hiểu khái niệm và trình tự thực hiện xây dựng trang web danh mục cá nhân (portfolio)
• Hiểu rõ cấu trúc các phần (section) của trang web portfolio cá nhân
• Hiểu cấu trúc thư mục thiết yếu trong thực tế/Khái niệm địa chỉ tuyệt đối vs địa chỉ tương đối
• Cách viết chi tiết Bản định nghĩa tính năng + HTML Wireframe để xuất bản (publishing) một cách hệ thống
• Lý thuyết và bí quyết thiết kế web đáp ứng (Responsive Web) thiết yếu
• Hướng dẫn tạo trang web nguyên mẫu UI/UX do Coding Works đề xuất mà bất kỳ ai cũng có thể bắt đầu.
• Hiểu về thực hành publishing theo từng phần (iframe, font icon, layout, CSS chi tiết)
• Hiểu về bước cuối cùng: Web hosting cho trang web danh mục cá nhân (portfolio)
• Lý thuyết bắt buộc và bí quyết sản xuất xuất bản web di động

Q. Có cần kiến thức tiên quyết hay sự chuẩn bị nào không?

Khóa học này không phù hợp với những người mới bắt đầu học để xin việc làm Publisher. Khóa học này thích hợp cho những học viên đã có kiến thức lý thuyết nhất định về publishing và đang ở giai đoạn cảm thấy cần chuẩn bị trang web portfolio cá nhân để xin việc. Tất nhiên, những người mới bắt đầu cuối cùng cũng sẽ cần tạo một trang web portfolio cá nhân chất lượng để tìm việc. Trong phần [Lộ trình tạo sản phẩm publishing cho portfolio cá nhân] của tệp PDF này, chúng tôi đã giải thích chi tiết cách chuẩn bị và tạo portfolio publishing. Nếu xem trước, bạn sẽ xác định rõ được hướng đi về cách chuẩn bị các sản phẩm publishing song song với việc học tập sau này.

Q. Cuốn sách này cần thiết cho những ai?

Tôi nghĩ đây là bài giảng cần thiết nhất dành cho những người ứng tuyển vị trí publisher mới cần xây dựng một trang web portfolio cá nhân chất lượng, hoặc những nhà thiết kế web, thiết kế đồ họa muốn chuyển việc sang làm publisher và cần một trang web portfolio cá nhân ấn tượng. Đặc biệt, khóa học này dành cho những ai đang tự học để chuẩn bị xin việc làm publisher, hoặc những người đã theo học các khóa đào tạo publisher do nhà nước hỗ trợ nhưng đã tốt nghiệp mà vẫn chưa tạo được trang web portfolio cá nhân ưng ý để đi xin việc.

Q. Số lượng trang và nội dung như thế nào?

Toàn bộ tài liệu bao gồm 221 trang và tất cả nội dung đều do Coding Works tự biên soạn 100%. Hoàn toàn không có việc sao chép hay chỉnh sửa từ các tài liệu có sẵn trên mạng. Từ màn hình code, từng con chữ cho đến các ảnh chụp màn hình đều được sản xuất thuần túy từ nguồn riêng của Coding Works. Đặc biệt, nội dung bao gồm việc phân tích chi tiết các ví dụ về trang web portfolio cá nhân xuất sắc của các học viên trong khóa học xuất bản hệ quốc gia của Coding Works gần đây, đồng thời đưa ra những định hướng cụ thể. Đặc biệt, học viên có thể tải xuống toàn bộ các tệp thực hành hoàn chỉnh được giải thích trong giáo trình PDF tại phần tải xuống dành cho học viên.

Tôi tự tin rằng đây không phải là những nội dung phổ biến trên mạng mà ai cũng có thể làm được, mà là những tài liệu giá trị chứa đựng trọn vẹn bí quyết trong nhiều năm qua của Coding Works.

Q. Nội dung cốt lõi tạo nên sự khác biệt là gì?

Hầu hết các nội dung đều mang tính khác biệt, nhưng đặc biệt khóa học sẽ giải thích chi tiết về việc lập Bản định nghĩa tính năng + Cấu trúc Wireframe HTML, vốn là những yếu tố thiết yếu để nâng cao kỹ năng publishing và tạo ra một trang web portfolio cá nhân chất lượng để ứng tuyển vị trí publisher. Ngoài ra, trong phần thực hành tạo các section thực tế, tôi sẽ thực hiện review các đoạn mã cốt lõi cho HTML+CSS+JS. Các bản hoàn thiện của phần thực hành tạo section cũng đã được chuẩn bị sẵn để học viên có thể tải xuống toàn bộ trong phần tài liệu học tập.

Trong suốt 3 tuần của khóa học xuất bản (publishing) do nhà nước tài trợ, khi hướng dẫn học sinh làm trang web portfolio cá nhân, tôi đã nói rất nhiều về các thuật ngữ web, bí quyết sản xuất, mẹo thực hành, quản lý tệp, quản lý thư mục, tạo ảnh thumbnail, v.v. Và tất cả những nội dung đó đều có trong giáo trình PDF này.

Q. Có nội dung cập nhật sau khi tải xuống không?

Do đặc thù của sách điện tử nên hiếm khi có cập nhật thường xuyên. Tuy nhiên, nếu có nội dung mới cần thiết cho hướng dẫn xin việc làm publisher, tệp PDF sẽ được chỉnh sửa, tải lên lại và thông báo ngay cho học viên thông qua mục tin mới.

Q. Trong số các bài giảng của Coding Works, khóa học này khác gì so với bài giảng video <Thiết kế 'Trang web Portfolio cá nhân dành cho Publisher' giúp thu hút phỏng vấn và việc làm>?

Mục đích và nội dung tổng thể của bài giảng là tương tự nhau. Cả hai bài giảng đều là những nội dung giống nhau được tạo ra với mục tiêu giúp bạn xây dựng một trang web portfolio cá nhân tốt để nhanh chóng tìm được việc làm nhân viên thiết kế web (publisher) với các điều kiện thuận lợi. Cả hai đều là những bài giảng mà Coding Works đã dành hết tâm huyết để tạo ra, nhưng sự khác biệt cụ thể như sau.

Bài giảng video có ưu điểm là có thể hiểu một cách trực quan nhờ vào đặc thù của nó và kết quả đầu ra được hoàn thành một cách tự nhiên trong quá trình học qua video, nhưng lại có hạn chế trong việc rèn luyện nội lực để học viên có thể tự suy nghĩ, giải quyết vấn đề và tạo ra trang web portfolio cá nhân của riêng mình một cách sáng tạo.

Ngược lại, bài giảng PDF được Coding Works biên soạn một cách tỉ mỉ, chứa đựng những nội dung tham khảo, bí quyết và mẹo nhỏ cực kỳ chi tiết mà bài giảng video chưa truyền tải hết được. Ví dụ, trong bài giảng video rất khó để giải thích chi tiết về phương pháp sản xuất chi tiết bản định nghĩa tính năng + cấu trúc HTML Wireframe, các lý thuyết và bí quyết bắt buộc khi làm web responsive, hay lý thuyết và bí quyết bắt buộc khi xuất bản web di động; nhưng trong bài giảng PDF, những phần này được giải thích rất chi tiết qua nhiều trang tài liệu. Đặc biệt, bài giảng video được sản xuất từ một năm rưỡi trước, còn bài giảng PDF hiện tại đã phản ánh 100% các cập nhật mới nhất cùng những ví dụ thực tế và giải thích từ các học viên mà Coding Works đã hướng dẫn.

Q. Tôi nên học bài giảng video hay bài giảng PDF?

Tôi nghĩ rằng học viên có thể lựa chọn giữa bài giảng video và bài giảng PDF tùy theo sở thích cá nhân. 
Đối với bài giảng video, các phần thực hành xuất bản thực tế như Full Screen Modal, Slick Slider, cách sử dụng UIkit, CSS Mobile Mockup sẽ được hướng dẫn chi tiết thông qua video và lời giải thích. Ngược lại, bài giảng PDF có sự khác biệt là các phần giải thích được trình bày qua trang giấy thay vì qua video và lời nói.

Nếu bạn cần các bài giảng video về cách sử dụng Full Screen Modal, Slick Slider, UIkit hoặc cách tạo CSS Mobile Mockup, bạn có thể học bổ sung qua bài giảng video <Xây dựng 'Trang web hồ sơ năng lực cá nhân của Publisher' giúp thu hút nhà tuyển dụng>.

Q. Trong bài giảng video cũng có tài liệu PDF cung cấp cho học viên, vậy nó có khác với cái đó không?

Tài liệu PDF được cung cấp trong bài giảng video là tài liệu được sản xuất từ 1 năm 6 tháng trước với tổng số 104 trang. Nội dung tổng thể trong PDF của bài giảng video cũng tương tự. Tuy nhiên, vì đây là tài liệu tham khảo cho bài giảng video nên các giải thích chi tiết theo từng trang sẽ không đầy đủ bằng tài liệu <Hướng dẫn hoàn hảo để tạo trang web danh mục cá nhân cho Publisher (PDF)>. <Hướng dẫn hoàn hảo để tạo trang web danh mục cá nhân cho Publisher (PDF)> bao gồm tổng cộng 221 trang, bao hàm tất cả nội dung của PDF trong bài giảng video và được giải thích chi tiết hơn. Đặc biệt, các nội dung mới được bổ sung theo xu hướng trong 1 năm 6 tháng gần đây và các sản phẩm thực tế của học viên đã được cập nhật nhiều hơn đáng kể.

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

▲ Đây là một học viên đã theo học khóa đào tạo xuất bản (publishing) hỗ trợ từ ngân sách nhà nước của tôi trong khoảng 4 tháng rưỡi, và em ấy vừa nhắn tin KakaoTalk báo rằng đã 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à việc làm 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 trên Infrun của thầy đây ạ.
Em là học viên đã gửi email để xin lời khuyên về portfolio cá nhân vào mùa hè vừa qua.
Không biết thầy còn nhớ em không ạ? hehe.

Không có gì khác,
em gửi email này để báo tin vui với thầy là 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) tôi đăng trên Saramin, và tôi đã 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à tôi đã vào được một công ty nơi mình có thể làm đúng công việc của một Publisher thực thụ, 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 (publisher) có kinh nghiệm, nhưng họ đã liên lạc với một người mới như tôi. Khi tôi hỏi tại sao lại liên lạc với mình, họ nói rằng
họ đã xem rất nhiều hồ sơ năng lực của những người khác, nhưng chính phần "Bản định nghĩa tính năng" trong hồ sơ của tôi đã gây ấn tượng 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 gặp mặt 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/cô 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 của thầy sau khi 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à 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 học vừa nghe bài giảng của thầy để nâng cao năng lực hơn nữa trong tương lai. Cố lên~!

🙋🏻‍♂️ Vui lòng đọc kỹ trước khi đặt câu hỏi~!!

Nếu bạn 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 gửi kèm nội dung phần không hoạt động, 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ả 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.

Vui lòng học song song 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 bạn nên tìm kiếm theo ví dụ dưới đây để tìm được video mình cần.

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

Phần 1. Những lưu ý và thận trọng trước khi tạo trang web danh mục cá nhân (Portfolio)

• Hiểu khái niệm về Portfolio
• Những điều cần biết và lưu ý quan trọng nhất định phải đọc
• Trình tự tạo trang web portfolio cá nhân (Road Map)
• Lý do tại sao một Publisher cần có kỹ năng thiết kế UI bằng Photoshop
• Kỹ năng xuất bản cơ bản và thói quen lập trình đúng đắn để tìm việc và thích nghi với thực tế công việc

Phần 2. Cấu trúc các mục trong trang web portfolio cá nhân/Cấu trúc thư mục/Địa chỉ tuyệt đối vs Địa chỉ tương đối

• Cấu trúc toàn bộ các phần
• Tầm quan trọng của cấu trúc thư mục
• Địa chỉ tuyệt đối vs Địa chỉ tương đối
• Tạo cấu trúc thư mục

Phần 3. Bố cục và cấu trúc nội dung theo từng phần của trang web danh mục cá nhân

• Phần Intro
• About Section
• Skill Section
• Phần Publishing Web Di Động
• Trang phụ Web di động (Mobile Web Sub Page)
• Website Publishing Section
• Phần Clone Coding
• Phần Thực hành Coding
• Xuất bản SCSS(SASS)
• Graphic Works Section
• Phần kết (Epilogue Section)

Phần 4. Tạo Web thích ứng / Bản định nghĩa tính năng / HTML Wireframe

• Các truy vấn phương tiện (Media Queries) thiết yếu trong thiết kế web đáp ứng (Responsive Web)
• Các hạng mục thiết yếu và mẹo (Tip) trong việc làm web đáp ứng (Responsive Web)
• Phạm vi sử dụng jQuery Plugin
• Bản mô tả tính năng toàn bộ trang web & HTML Wireframe
• Bản mô tả tính năng Web di động & HTML Wireframe
• Wireframe HTML thực tế chuyên về publishing

Phần 5. Lộ trình tạo sản phẩm xuất bản (publishing) cho trang web danh mục cá nhân (portfolio)

• Trước khi đi vào nội dung chi tiết
• Các loại sản phẩm và số lượng trong portfolio để xin việc làm Publisher
• Chuẩn bị sản phẩm publishing thực tế - Các loại danh mục và số lượng
• Phân loại danh mục sản phẩm thực hành Publishing (1) - Card UI
• Phân loại danh mục sản phẩm thực hành publishing (2) - Điều hướng (Navigation)
• Phân loại danh mục kết quả publishing thực tế (3) - CSS Keyframe Animation
• Phân loại danh mục kết quả publishing thực tế(4) - Nội dung Tab & Nội dung Accordion
• Phân loại danh mục sản phẩm thực hành publishing (5) - Thao tác với các thành phần của Form
• Phân loại danh mục kết quả thực hành publishing (6) - Hiệu ứng di chuột (Mouse Hover Effect)
• Phân loại danh mục kết quả thực hành publishing (7) - Trang web nguyên mẫu (Prototype)
• Phân loại danh mục sản phẩm thực hành xuất bản (8) - Ví dụ thực tế SCSS(SASS)
• Phương pháp hiệu quả để tạo ra kết quả publishing thực tế
• Biến các ví dụ thực hành publishing thành kỹ năng và thành quả của bản thân

Phần 6. Tìm kiếm thiết kế mục tiêu / Trang web nguyên mẫu UI/UX được đề xuất bởi Coding Works

• Ngay cả những người có kinh nghiệm thiết kế cũng thiết kế dựa trên thiết kế mục tiêu
• Tìm thiết kế mục tiêu từ trang web demo
• Thiết kế UI cho thiết kế mục tiêu trong Photoshop
• Tiện ích mở rộng Chrome chụp ảnh màn hình trang web - Awesome Screenshot & Screen Recorder
• Đây là những phần mà các ứng viên mới cảm thấy khó thiết kế nhất.
• Ví dụ ứng dụng thiết kế Section (01~05)
• Ví dụ về bản hoàn thiện UI publishing cho các section phù hợp để chứa nội dung (01~03)
• Thực hành thiết kế website nguyên mẫu UI/UX được đề xuất bởi Coding Works

Phần 7. Thực hành xuất bản theo từng phần (iframe, biểu tượng phông chữ, bố cục, CSS chi tiết)

• Tìm hiểu về thẻ iframe
• Sử dụng Font Icon
• Tất cả CDN trên thế giới
• Mẹo liên quan đến định dạng phông chữ (Tip)
• Những điều tuyệt đối không nên làm đối với trang web danh mục cá nhân (portfolio)
• Giảm dung lượng hình ảnh
• Tổng hợp các trang web tải xuống miễn phí không vi phạm bản quyền
• Độ phân giải màn hình mà người làm nghề Publisher nhất định phải hiểu rõ
• Môi trường làm việc hai màn hình (Dual Monitor) giúp tăng 200% năng suất làm việc
• Thực hành xuất bản theo từng phần - Full Screen Modal
• Hiển thị nội dung theo từng phần - UIkit Lightbox
• Hiển thị nội dung theo từng phần - UIkit Slider
• Hiển thị nội dung theo từng phần - Hiển thị kết quả bằng Full Screen Modal
• Hiển thị nội dung theo từng phần - Tạo sản phẩm xuất bản web di động
• Hiển thị nội dung theo từng phần - Tạo thumbnail cho kết quả thực hành publishing
• Xuất bản thực tế theo từng phần - Phương pháp thực hành
• Xuất bản thực tế theo từng phần - Thực hành phần Clone Coding
• Xuất bản thực tế theo từng phần - Thực hành phần xuất bản web di động
• Thực hành thực tế theo từng phần - Thực hành phần xuất bản trang web (Web Publishing)
• Thực hành theo từng phần - Thực hành phần xuất bản thực tế
• Thực hành cấp độ trung cao cấp - Sử dụng phương thức load trong jQuery, hàm callback và kiểm tra điều hướng (navigation)
• Thay đổi thiết kế header sau khi cuộn trang bằng jQuery & JavaScript

Phần 8. Đưa trang web danh mục cá nhân lên web hosting

• Đăng ký web hosting Cafe24 và nhận tên miền cho trang web cá nhân
• Tải xuống, cài đặt và cách sử dụng phần mềm FTP FileZilla
• Sau khi đăng nhập vào Cafe24, hãy vào phần Quản lý dịch vụ của tôi (나의 서비스 관리)
• Kiểm tra mật khẩu FTP và khởi tạo lại nội dung hosting cá nhân (format)

[Tải xuống dành cho học viên] Bản hoàn thiện và tài liệu tham khảo hỗ trợ việc học qua PDF

• [PDF Bản định nghĩa tính năng] HTML Wireframe + Bản định nghĩa tính năng
• [기능정의서 PDF] HTML와이어프레임 Only
• [PDF Mẫu đề xuất] Kỹ năng chuyên môn của Publisher
• Ví dụ cấu trúc thư mục tổng thể(userid.cafe24.com)
• [Tệp hoàn thiện] 2 loại mô hình mobile (iPhone, Galaxy)
• [파일 완성본] 컨텐츠 담기 좋은 섹션 UI 퍼블리싱 완성본
• [실습 파일 완성본] Trang web nguyên mẫu UI UX đề xuất bởi Coding Works
• [실습 파일 완성본] 섹션 별 실전 퍼블리싱(폰트 서식)
• [실습 파일 완성본] 모바일 웹 와이어프레임 UI디자인 트랜지션(transition)
• [Tệp thực hành hoàn chỉnh] Phần web di động (Phương thức Load, Kiểm tra điều hướng)
• [실습 파일 완성본] Thay đổi thiết kế header sau khi cuộn trang sử dụng jQuery & JavaScript
• [섹션 실습 파일 완성본] 섹션 별 실전 퍼블리싱 01(클론 코딩 섹션)
• [섹션 실습 파일 완성본] 섹션 별 실전 퍼블리싱 02(모바일 웹 섹션)
• [Tệp thực hành hoàn thiện theo phần] Thực hành Publishing theo từng phần 03 (Phần Website Publishing)
• [Bản hoàn thiện file thực hành theo phần] Thực hành xuất bản theo từng phần 04 (Phần thực hành xuất bản thực tế)

✒Giới thiệu về người chia sẻ kiến thức

[Thực hành Portfolio HTML+CSS+JS (Mùa 3)] được tạo bởi Coding Works, người đã và đang giảng dạy lý thuyết xuất bản, ứng dụng và xây dựng trang web portfolio cá nhân cho hơn 300 học viên trong các khóa học xuất bản do nhà nước tài trợ. Đặc biệt, đây là giảng viên chuyên về giảng dạy xuất bản trong nhiều năm, hướng dẫn hoàn hảo mọi quá trình chuẩn bị để tìm việc làm từ A đến Z, giúp hầu hết học viên có thể đi làm ngay sau khi kết thúc khóa học. Ngoài ra, thông qua các bài giảng về xuất bản trên Inflearn, giảng viên cũng nhận được đánh giá là đã giúp ích rất nhiều cho các học viên trên nền tảng này.