HTML+CSS+JQUERY Publishing sẽ giúp bạn củng cố kiến thức cơ bản để trở thành người làm việc trung cấp về xuất bản thông qua toàn bộ quá trình sản xuất trang web phản hồi và có được bí quyết xuất bản thực tế. Đặc biệt, bạn sẽ có được sự tự tin khi sản xuất trang web cá nhân sau khi trải nghiệm toàn bộ quá trình sản xuất trang web thông qua lời giải thích đầy đủ và thực hành. (Phương pháp sản xuất phản hồi là phương pháp sản xuất bố cục phản hồi sử dụng float và position theo cách cũ. Hiện tại, hầu hết các trang web cũ đều được sản xuất theo cách cũ, vì vậy bạn cũng phải học Flex và Grid, nhưng bạn phải học và sử dụng tốt bố cục theo cách cũ.)
HTML+CSS+JQUERY: Nâng cao kỹ năng thực hành xuất bản thông qua lý thuyết cốt lõi
전체 웹 trang xuất bản kỹ năng và kinh nghiệm nâng cao
position thuộc tính chính xác khái niệm và sử dụng
hover trước sau đã kiểm tra hoạt động Hiểu và sử dụng lớp ảo
Khả năng tạo nội dung menu tab CSS, nội dung menu tab JQUERY
Khả năng sản xuất xuất bản web phản hồi thích ứng tương thích với thiết bị di động (Media Query)
PC và phiên bản di động được tối ưu hóa, khả năng tạo toàn bộ trang web phản hồi
3D chuyển đổi màn hình chức năng để tạo ra Creative Responsive Website
Trải nghiệm người dùng tổng thể của trang web phản hồi mà bạn xây dựng sẽ dựa trên việc điều hướng giữa các phần bằng cách cuộn lên và xuống trên bánh xe chuột. Nó đủ để thể hiện UI/UX sáng tạo khi hiển thị hiệu ứng hoạt hình 3D khi di chuyển các phần . Bạn cũng có thể thay đổi một vài tùy chọn đã chuẩn bị để thay đổi hoạt ảnh thành tổng cộng 9 hoạt ảnh chuyển tiếp phần khác nhau, từ hoạt ảnh xoay đến thay đổi kích thước.
Nếu bạn không muốn sử dụng bất kỳ hiệu ứng chuyển tiếp phần nào, cũng có tùy chọn trong phần tùy chọn để tắt hiệu ứng chuyển tiếp phần.
Việc thay đổi các tùy chọn hoạt ảnh chuyển tiếp phần này rất dễ dàng và thuận tiện, ngay cả khi bạn không có kiến thức về JavaScript .
※ Toàn bộ phần chuyển tiếp UI/UX của giao diện PC được tạo bằng plugin jQuery.
※ Bạn có thể tìm hiểu đầy đủ trong bài giảng về cách tải xuống và sử dụng plugin hoạt ảnh chuyển tiếp phần bố cục PC cũng như cách tùy chỉnh plugin này.
※ Toàn bộ trang web phản hồi được tạo ra đều hỗ trợ khả năng tương thích với nhiều trình duyệt , do đó có thể xem mà không gặp vấn đề gì trên Chrome, Firefox, Edge và Internet Explorer (IE) .
Trang web phản hồi mà bạn đang tạo lần này là một trang web sáng tạo mà Coding Works đã tạo ra từ đầu đến cuối cho sinh viên, từ khâu lập kế hoạch đến thiết kế UI/UX và xuất bản.
Nhìn chung, các bài giảng về cách tạo trang web sao chép hoặc tạo trang web bản sao cung cấp đầy đủ kiến thức lý thuyết và kinh nghiệm. Tuy nhiên, vì đây là trang web sao chép nên rất khó để chỉnh sửa kết quả đã tạo và sử dụng chúng làm trang web danh mục đầu tư của riêng bạn. Tuy nhiên, vì trang web phản hồi này là kết quả của quá trình lập kế hoạch, thiết kế và xuất bản của Coding Works nên bạn có thể sử dụng trang này làm trang chủ danh mục đầu tư cá nhân sau khi tìm hiểu đầy đủ, chỉnh sửa văn bản và hình ảnh cũng như thực hiện một số thay đổi về bố cục.
Phiên bản hoàn thiện từng bước là tệp zip được chuẩn bị với kết quả của các video sản xuất cho từng phần nội dung lớp học Inflearn trong toàn bộ quá trình sản xuất trang web. Tôi nghĩ rằng học sinh có thể gặp khó khăn nếu chỉ được cung cấp phiên bản cuối cùng, vì vậy tôi đã chuẩn bị phiên bản hoàn chỉnh bằng cách lưu lại từng bước trong khi thực hiện.
Sau đây là một số ví dụ về các vấn đề có thể phát sinh khi không có phiên bản hoàn thiện từng bước mà chỉ có phiên bản cuối cùng:
Bạn phải bắt đầu với UI/UX dựa trên việc sửa đổi plugin jQuery và nếu bạn gặp khó khăn với phần này, bạn thậm chí sẽ không thể bắt đầu đúng cách. Nếu đúng như vậy, bạn chỉ cần giải nén tệp zip mà bạn vừa hoàn thành ở bước đầu tiên và làm theo phần tiếp theo. Tôi nghĩ bạn có thể học lại những phần bạn chưa hiểu trong buổi học thứ hai. Tuy nhiên, tôi nghĩ rằng nếu tôi chỉ cung cấp phiên bản cuối cùng, có thể sẽ có trường hợp bạn không thể bắt đầu, vì vậy tôi sẽ cung cấp phiên bản hoàn chỉnh theo từng giai đoạn.
Tất nhiên, tốt nhất là tạo kết quả cuối cùng bằng các tệp mà bạn đã tạo hoàn toàn từ đầu đến cuối, nhưng mục đích của việc tạo trang web phản hồi này không phải là tạo kết quả mà là tìm hiểu quy trình tạo kết quả và nhiều thứ khác. về việc xuất bản trong quá trình này. Mục đích lớn hơn nhiều. Trong quá trình này, bạn sẽ học được quy trình xuất bản, bí quyết và lý thuyết thực tế để tạo ra một trang web hoàn toàn đáp ứng.
※ Tệp PSD thiết kế giao diện người dùng được tạo bằng Photoshop có sẵn trong phòng dữ liệu. Khi tạo trang chủ của riêng bạn sau này, vui lòng sửa đổi nó cho phù hợp với nhu cầu cá nhân của bạn.
※ Giao diện người dùng Photoshop được tạo bằng phiên bản Photoshop CC 2019 và bao gồm các phông chữ được sử dụng trong quá trình tạo giao diện.
Trang web phản hồi này được tạo bằng 100% mã hóa cứng.
Việc tạo một trang web phản hồi sẽ dễ dàng hơn nhiều khi bạn sử dụng một khung CSS phản hồi như Bootstrap. Tuy nhiên, nếu bạn có kinh nghiệm và kỹ năng để tạo ra một trang web đáp ứng bằng cách mã hóa cứng, thì bạn có thể sử dụng một khung CSS đáp ứng, nhưng tôi không khuyên bạn nên tạo một trang web đáp ứng bằng cách phụ thuộc một cách mù quáng vào một khung CSS đáp ứng.
Tất nhiên, rất khó để tạo ra một trang web đáp ứng bằng cách mã hóa cứng mọi thứ từ đầu. Bàn tay cũng cử động rất nhiều. Nhưng tôi nghĩ rằng thông qua quá trình này, kỹ năng xuất bản sẽ phát triển nhanh chóng.
Trong khóa học tạo trang web phản hồi này, bố cục và định vị theo chiều ngang được thực hiện bằng cách sử dụng float, position và transform, đây là những điều cơ bản khi xuất bản. Sẽ dễ dàng hơn nếu đặt nó bằng Flex, nhưng vì những điều cơ bản rất quan trọng nên chúng tôi không sử dụng thuộc tính flex cho nhiệm vụ này.
Tổng thời gian sản xuất là hơn 20 giờ. Thời gian sản xuất lớp học dài. Nghĩ lại thì thấy nó dài quá.
Tôi cũng đã gặp khó khăn khi thực hiện điều đó. 😢😢
Vì đây là lỗi mô tả nên cùng một lời giải thích được đưa vào nhiều lần. Thật khó để kể đi kể lại cùng một câu chuyện.
Tôi đã gặp khó khăn khi làm cho bài giảng dài vì tôi nghĩ nó phải như vậy, nhưng tôi nghĩ điều này cũng sẽ gây khó khăn cho những sinh viên tham gia bài giảng.
Nhưng tôi nghĩ điều quan trọng là phải dành thời gian, suy nghĩ về nó và sáng tạo trong khi vẫn hiểu nó.
Như tôi đã đề cập trước đó, mục tiêu không phải là tạo ra kết quả trong thời gian ngắn mà là tích lũy kinh nghiệm, công bố bí quyết và các kỹ năng thực tế trong quá trình tạo ra kết quả, vì vậy các video lớp học khá dài.
Trình soạn thảo văn bản được sử dụng trong khóa học tạo trang web phản hồi này là Brackets. Tất nhiên, bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào mà học sinh quen thuộc, chẳng hạn như Visual Studio Code. Tuy nhiên, trình soạn thảo văn bản không có tính năng xem trước theo thời gian thực có thể khó theo kịp.
※ Chúng tôi khuyên bạn nên sử dụng Brackets hoặc Visual Studio Code vì chúng có tính năng Xem trước trực tiếp.
Đối với những người chưa quen với việc này, cài đặt plugin jQuery chuyển tiếp màn hình có vẻ hơi phức tạp.
Bạn có thể dễ dàng thiết lập plugin jQuery chuyển tiếp màn hình bằng cách xem video, nhưng học sinh không phải tự mình làm.
Việc bạn có giỏi thiết lập plugin jQuery cho hiệu ứng chuyển tiếp màn hình hay không không liên quan đến việc bạn có kỹ năng xuất bản hay không. Đừng lo lắng~^^
Đối với những ai thấy việc cài đặt plugin khó và phức tạp, chúng tôi đã chuẩn bị một phiên bản đầy đủ theo từng bước.
Phiên bản đầy đủ từng bước bao gồm tất cả các thư mục và tệp có cài đặt plugin đã hoàn tất, vì vậy chỉ cần tải xuống, giải nén và làm theo phần tiếp theo.
Nếu bạn muốn lấy tệp có cài đặt plugin jQuery chuyển tiếp màn hình đã hoàn tất, bạn có thể lấy [Phần 01. Phiên bản hoàn tất từng bước] hoặc [ Phần 02. Phiên bản hoàn tất từng bước] . Nếu bạn muốn lấy bắt đầu bằng việc lấy phiên bản hoàn chỉnh của toàn bộ bố cục di động và xuất bản điều hướng, bạn có thể lấy [Phần 03. Phiên bản hoàn chỉnh từng bước] .
Mục 18. Tải xuống tài liệu (Phiên bản đầy đủ từng bước, cách sử dụng mã trực quan, thiết kế giao diện người dùng Photoshop)
Mức độ khó của việc tạo trang web đáp ứng này khá khó đối với người mới bắt đầu hoặc người chưa có kinh nghiệm. Trình độ của khóa học phải ở mức trung cấp hoặc gần trung cấp để có thể theo dõi tốt. Tôi nghĩ rằng bất kỳ ai tự coi mình là người mới bắt đầu sẽ không gặp nhiều khó khăn khi theo dõi.
Về kiến thức tiên quyết để tham gia khóa học, bạn phải có kiến thức cơ bản về HTML+CSS. Tuy nhiên, bạn không cần phải giỏi HTML+CSS. Trong bài giảng kéo dài hơn 20 giờ, chúng tôi cung cấp những lời giải thích đầy đủ và chi tiết. Nếu học viên chậm mã hóa khi xem video và việc viết HTML+CSS bị chậm trễ, chỉ cần tạm dừng video, viết HTML+CSS và làm theo các bước tiếp theo.
Chỉ mất nhiều thời gian hơn một chút để dừng video, viết mã và làm những việc khác. Thay vào đó, tốt hơn hết là bạn nên dành thời gian để tự mình viết mã một cách bình tĩnh. Đừng lo lắng quá và chúng ta cùng nhau học nhé.^^
Trong số các bài giảng của tôi , có ' Bài giảng xuất bản thực hành trung cấp về danh mục HTML+CSS+JQUERY ' . Nội dung lý thuyết và ví dụ thực tế trong bài giảng này hầu như bao gồm mọi thứ bạn cần để tạo trang web đáp ứng này. Tôi nghĩ đây sẽ là khóa học có thể sớm củng cố kiến thức cơ bản về HTML+CSS+JQUERY.
Ngoại trừ một vài điều trong việc tạo trang web phản hồi này, Tôi nghĩ sẽ dễ theo dõi hơn nhiều nếu bạn nghiên cứu nội dung của ' Khóa học xuất bản thực hành trung cấp HTML+CSS+JQUERY Portfolio ' một lần.
Kết luận là...
Nếu bạn không phải là người mới bắt đầu hoặc chưa quen thì bạn có thể làm theo, nhưng có thể bạn sẽ cảm thấy hơi khó khăn.
Nếu bạn đã học những kiến thức cơ bản về HTML+CSS qua các bài giảng khác, tôi tin rằng bạn sẽ có thể theo dõi và hoàn thành khóa học tạo trang web đáp ứng với sự hiểu biết về lý do tại sao nó được thực hiện theo cách này.
H. Có video nào giải thích lý thuyết CSS trung cấp trong khi làm ví dụ không?
A. ' Có rất nhiều lý thuyết trung gian không được đề cập trong lý thuyết cơ bản khi làm ví dụ. Tôi có thể học lớp lý thuyết trung gian ở đâu? 'Câu hỏi này thường xuất hiện trên các bảng tin.
Khóa học này không nhằm mục đích tạo ra các ví dụ xuất bản dành cho người mới bắt đầu. Đây là quá trình tạo ra ví dụ xuất bản từ cơ bản đến trung cấp. Vì vậy, bạn nên có một số kiến thức về lý thuyết CSS từ cơ bản đến trung cấp. Điều đó không có nghĩa là bạn nhất thiết phải biết rõ về nó. Lý thuyết CSS cơ bản và trung cấp được lặp lại liên tục trong khi tạo ví dụ. Và trên Kênh YouTube Publishing của Coding Works, có một danh sách phát có tên là [Intermediate Theory] CSS Intermediate Theory, trong đó có các video chi tiết về các lý thuyết trung gian cần thiết để tạo ví dụ. Vì vậy, trong khi học khóa học hiện tại, bạn nên nghiên cứu các lý thuyết trung gian cùng một lúc.
A. Có thể thực hiện được nếu bạn hiểu và có thể tận dụng tốt mọi nội dung xuất bản trong quá trình này. Tuy nhiên, để làm việc trong lĩnh vực xuất bản, bạn cần có đủ kinh nghiệm và có kinh nghiệm tạo ra nhiều loại trang web khác nhau. Tôi nghĩ bạn nên học thêm một vài bài giảng như khóa học hiện tại và nghiên cứu toàn bộ quá trình tạo trang web. Tất nhiên, bạn cũng nên tạo trang chủ danh mục đầu tư cá nhân. Rào cản gia nhập ngành xuất bản cao hơn bạn nghĩ. Chỉ xem video một lần không có nghĩa là học viên sẽ nắm được toàn bộ nội dung và kiến thức, vì vậy, hãy trải qua quá trình tiếp thu thông qua phương pháp học được giải thích ở trên.
H. Không có phần lý thuyết riêng giải thích các lý thuyết nảy sinh khi tạo trang web sao?
A. Khóa học bạn đang theo học không phải là khóa học dành cho người mới bắt đầu mà là khóa học trung cấp về xuất bản và tạo một trang web phản hồi hoàn chỉnh. Chúng tôi khuyên bạn nên học một khóa học khác để học phần lý thuyết cơ bản và tạo ra các ví dụ thực tế.
H. Tôi có thể hỏi ở đâu nếu không hiểu điều gì đó khi học?
A. Nếu bạn có bất kỳ câu hỏi nào, vui lòng để lại bài đăng trên bảng tin [Hỏi & Đáp] và chúng tôi sẽ trả lời sớm nhất có thể, ngay cả khi có thể không phải ngay lập tức. Và hãy trả lời câu hỏi của bạn càng cụ thể càng tốt. Khi một câu hỏi không cụ thể, hiếm khi dễ dàng nhận được câu trả lời thỏa đáng. Vì vậy, khi bạn đặt câu hỏi, sẽ dễ dàng hơn nhiều để trả lời nếu bạn đính kèm ảnh chụp màn hình mã HTML, CSS và JQUERY bạn đang viết cùng với nội dung mà bạn tò mò.
H. Giảng viên, liệu có nên xem trước Hướng dẫn thực tế về tìm kiếm việc làm của Nhà xuất bản trong lớp học không?
A. Việc học thêm các kỹ năng xuất bản là quan trọng, nhưng trước tiên phải nắm vững những kiến thức cơ bản của một nhà xuất bản. Sách điện tử Hướng dẫn thực hành công việc của nhà xuất bản (PDF) trình bày chi tiết những điều cần thiết mà một nhà xuất bản phải biết, chẳng hạn như kiến thức cơ bản về xuất bản, thói quen và nguyên tắc lập trình mong muốn, cũng như cách xuất bản như một người có kinh nghiệm. Chúng tôi khuyên bạn nên đọc sách điện tử Hướng dẫn thực hành công việc xuất bản (PDF) trước để hiểu rõ hơn về những điều cơ bản của công việc xuất bản. Nhấp vào hình ảnh bên dưới để xem phần giới thiệu lớp học.
▼ Chuyển tiếp phần #01: Xoay 3D
▼ Chuyển tiếp phần #02: Phóng to/thu nhỏ
▼ Chuyển tiếp phần #03: Kéo phần tiếp theo từ phần trước
▼ Chuyển đổi phần #04: Thay đổi kích thước & Chuyển đổi độ trong suốt
▼ Chuyển tiếp phần #05: Chuyển tiếp phần hoạt hình chung
▼ Chuyển tiếp phần #06: Thay đổi kích thước và di chuyển theo kiểu khung
▼ UI/UX di động #01: Màn hình di động đầy đủ
▼ Giao diện người dùng/trải nghiệm người dùng di động #02: Điều hướng di động
▼ Giao diện người dùng/trải nghiệm người dùng di động #03: Phần Trang chủ di động (Hoạt ảnh khung hình chính CSS)
▼ Giao diện người dùng/trải nghiệm người dùng di động #04: Phần Dự án di động (Nội dung menu tab CSS, thanh trượt Slick.js)
▼ Giao diện người dùng/trải nghiệm người dùng di động #05: Phần Kế hoạch di động (tùy chọn phản hồi thanh trượt nội dung Slick.js)
▼ Bố cục PC theo từng phần UI/UX #01: Phần trang chủ
▼ Bố cục PC theo từng phần UI/UX #02: Phần Giới thiệu
▼ Bố cục PC theo từng phần UI/UX #03: Phần dự án
▼ Bố cục PC theo từng phần UI/UX #04: Phần kế hoạch
▼ Bố cục PC theo từng phần UI/UX #05: Phần giải thưởng
▼ Bố cục PC theo từng phần UI/UX #06: Phần vị trí
▼ Bố cục PC theo từng phần UI/UX #07: Phần liên hệ
▼ Bố cục trang phụ PC & Mobile #01: Trang phụ tuyển dụng
▼ Bố cục trang phụ PC & Di động #02: Trang phụ Chi tiết dự án
Chúng tôi liên tục cập nhật các lý thuyết và mẹo thiết yếu để cải thiện kỹ năng xuất bản của bạn cũng như các lý thuyết cần thiết để tạo ra các trang web đáp ứng. Chúng tôi sẽ thông báo cho bạn qua phần tin tức khi có thông tin cập nhật về các lý thuyết cốt lõi và video mẹo cần thiết để cải thiện Kỹ năng của bạn.
Các lý thuyết cốt lõi và video mẹo cần thiết cho Skill Up sẽ được cập nhật tuần tự trong Phần 17. Ngay cả khi bạn chưa nhận được bất kỳ cập nhật nào, vui lòng đến Mục 17 và kiểm tra xem có video nào bạn cần học không. Chiến đấu~^^
※ Những người đang học khóa học tạo web đáp ứng không cần phải nghe điều này trước khi hoàn thành khóa học tạo web. Tuy nhiên, vì lý thuyết số 2, 3 và 4 là những lý thuyết cốt lõi hoàn toàn cần thiết cho bài giảng về cách tạo trang web phản hồi nên tôi khuyên bạn nên lắng nghe chúng trước rồi mới bắt đầu bài giảng về cách tạo trang web phản hồi.
※ Bạn có thể nhận được tệp zip chứa các ví dụ học tập đã hoàn thành trong video Lý thuyết và mẹo xuất bản Jump Up bằng cách nhấp vào tài liệu bài học ở góc trên bên phải của video.
▲ Một sinh viên học với tôi trong khoảng 4 tháng rưỡi tại một khóa học xuất bản do nhà nước tài trợ đã nhận được tin nhắn KakaoTalk nói rằng anh ấy đã có việc làm.
▲ Tôi nhận được tin nhắn KakaoTalk về kết quả phỏng vấn dành cho học viên tham gia khóa học ngoại tuyến về cách tạo hồ sơ cá nhân tại Coding Works (ngày 24 tháng 4 năm 2023).
Xin chào cô giáo :)
Thưa thầy, em là Kim O-jeong, một học viên đang theo học bài giảng của Inflearn.
Tôi là một sinh viên đã gửi email vào mùa hè này để xin lời khuyên về danh mục đầu tư cá nhân của mình.
Bạn còn nhớ không?😊😊
Không có gì khác hơn là,
Tôi gửi email này để thông báo với bạn rằng tôi đã thành công khi xin được việc tại một nhà xuất bản với danh mục đầu tư mà tôi nhận được từ bạn!
Thậm chí!!
Công ty đã liên hệ với tôi trước sau khi xem danh mục đầu tư mà tôi đăng trên Saramin, và tôi đã được phỏng vấn qua Zoom và trúng tuyển!
Công ty đã trả cho tôi mức lương mà tôi mong muốn, và tôi là một nhà xuất bản thực thụ, không làm công việc thiết kế hay phát triển! Tôi đã vào một công ty mà tôi chỉ có thể làm việc.
Đó là một công ty đang tìm kiếm một nhà xuất bản có kinh nghiệm, và họ đã liên hệ với tôi, một nhân viên mới, và hỏi lý do tại sao họ lại liên hệ với tôi.
Anh ấy nói rằng anh ấy đã xem qua danh mục đầu tư của nhiều người khác, nhưng anh ấy liên hệ với tôi vì "Định nghĩa chức năng" trong danh mục đầu tư của tôi đã thu hút sự chú ý của anh ấy.
Tôi nghĩ tất cả là nhờ vào bài giảng của giáo viên.
Nếu tôi không tham gia lớp học của giáo viên, hồ sơ của tôi sẽ chỉ ở mức trung bình, nhưng tôi đã có thể xin được việc làm thành công nhờ những lời khuyên tuyệt vời mà giáo viên đã chỉ cho tôi!
Mặc dù tôi chưa bao giờ thực sự gặp anh ấy,
Khi tạo danh mục đầu tư của mình, tôi đã dựa rất nhiều vào nó, tin tưởng nó và làm việc chăm chỉ trong khi xem các bài giảng của giáo viên!
Tôi cảm thấy kỹ năng của mình đã được cải thiện rất nhiều trong ba tháng tôi dành để nghe giảng và tạo hồ sơ năng lực, nhiều hơn so với những kỹ năng tôi đã xây dựng được khi học các lớp học dài tại học viện.
Tôi vô cùng mong muốn điều đó,
Tôi đã tin tưởng và làm theo lời thầy giáo nói và kết quả thực sự tốt.
Cảm ơn bạn rất nhiều!
Hãy cẩn thận với corona
Tôi hy vọng sẽ gặp lại bạn với một bài giảng tuyệt vời nữa :)
Tôi chỉ muốn nói lời cảm ơn 😊😊
Tôi đã gặp khó khăn khi tham gia lớp học của bạn và nộp hồ sơ xin việc trong khoảng hai tuần nay...
Tôi đã vượt qua cuộc phỏng vấn tại một công ty và quyết định đến làm việc.. Cảm ơn bạn rất nhiều..😭😭
Thực ra, tôi lo lắng vì tôi đã 32 tuổi. Tôi đã nộp rất nhiều hồ sơ xin việc nhưng không nhận được cuộc gọi nào.
Nhưng giám đốc nhân sự của công ty này lại nói rằng ông ấy không thích những người tốt nghiệp từ các học viện tư nhân 😊😊
Công ty mà tôi quyết định gia nhập khá nhỏ nhưng có nhiều nhà phát triển và thiết kế web.
Họ nói rằng họ sẽ đào tạo họ trong ba tháng và sau đó đưa họ vào thực hành.
Hơi xa và lương thì thấp nhưng mình sẽ cố gắng học hành chăm chỉ và cố gắng tăng lương~ 😊😊
Cảm ơn bạn rất nhiều vì mọi thứ. Thật tuyệt vời khi tôi có thể kiếm được việc làm bằng cách tham gia lớp học trực tuyến này và nhận được câu trả lời thỏa đáng cho những câu hỏi của mình.
Tôi sẽ tiếp tục học tập và nâng cao kỹ năng của mình bằng cách lắng nghe bài giảng của giáo viên. Cố lên~!
Nếu bạn có bất kỳ thắc mắc nào trong khi học, hãy hỏi. Khi đặt câu hỏi, bạn phải tải lên nội dung không hoạt động, mã và ảnh chụp màn hình kết quả của trình duyệt. Đối với mã, bạn phải tải lên tất cả mã HTML, CSS và JS để chúng tôi có thể đưa ra câu trả lời chính xác.
Nếu bạn chỉ mô tả vấn đề của mình bằng văn bản mà không đưa bất kỳ mã nào vào câu hỏi, sẽ rất khó để đưa ra câu trả lời chính xác, trừ khi vấn đề thực sự đơn giản. Sau đó, tôi không còn lựa chọn nào khác ngoài việc trả lời lại rằng 'Vui lòng tải lên mã HTML, CSS, JS và trình duyệt~', điều này gây ra nhiều phiền phức và mất nhiều thời gian hơn để tìm ra giải pháp.
▲ Vui lòng kiểm tra các câu hỏi thường gặp trong cộng đồng bài giảng có liên quan trước~
Vui lòng xem video bài giảng lý thuyết trên kênh YouTube của Coding Works Publishing. Tất nhiên, không phải tất 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ó trên đó. Vì có rất nhiều video nên bạn nên tìm kiếm những video như ví dụ bên dưới.
Kênh YouTube của Coding Works Publishing: https://www.youtube.com/codingworks
Phần 0. Giới thiệu về khóa học tạo trang web phản hồi và cách sử dụng trình soạn thảo văn bản
Phần 1. Cách sử dụng plugin và cài đặt tùy chỉnh để kiểm soát bố cục tổng thể
Mục 2. Xuất bản toàn bộ wireframe bố cục (phiên bản PC)
Mục 3. Xuất bản Giao diện và Điều hướng đầy đủ trên thiết bị di động (Phiên bản dành cho thiết bị di động)
Mục 4. Chi tiết mục Xuất bản (Phần Giải thưởng)
Mục 5. Chi tiết mục Xuất bản (Giới thiệu mục)
Mục 6. Chi tiết mục xuất bản (Mục Vị trí)
Mục 7. Chi tiết mục xuất bản (Mục liên hệ)
Mục 8. Xuất bản chi tiết mục (Mục kế hoạch)
Mục 9. Xuất bản chi tiết mục (Mục dự án)
Mục 10. Chi tiết mục Xuất bản (Mục Trang chủ)
Mục 11. Xuất bản trang con (Thông tin tuyển dụng)
Mục 12. Xuất bản các trang con (Chi tiết dự án)
Mục 13. Liên kết các trang con (Modal Iframe Jquery Plugin)
Mục 14. Chuyển đổi tất cả các phần của trang chính sang thiết bị di động (tệp chỉ mục)
Mục 15. Chuyển đổi các trang con sang thiết bị di động (hring, project)
Mục 16. Kết luận
Mục 17. Trình độ trung cấp đến nâng cao Nhảy lên Lý thuyết xuất bản và mẹo
Mục 18. Tải xuống tài liệu (Phiên bản đầy đủ từng bước, cách sử dụng mã trực quan, thiết kế giao diện người dùng Photoshop)
Nhà xuất bản sản xuất trang chủ danh mục đầu tư cá nhân cần phỏng vấn và tuyển dụng, scss, sass, flex, grid, html, css, html/css, trang web, nhà xuất bản web, việc làm của nhà xuất bản, trang web, mã hóa, jquery, javascript, jquery, java Script, bố cục , web tương tác, web tương tác, thiết kế web, thiết kế web, danh mục đầu tư, xuất bản, web phản hồi, bài kiểm tra kỹ năng thiết kế web, bootstrap, khung css, khung
Khóa học này dành cho ai?
Các nhà xuất bản muốn trải nghiệm toàn bộ quá trình tạo trang web
Dành cho những ai muốn tạo một trang web thực tế bằng cách sử dụng các nguyên tắc cơ bản về xuất bản
Bất kỳ ai cần tạo trang chủ danh mục đầu tư cá nhân xuất bản
Cần biết trước khi bắt đầu?
Kỹ năng lập trình cơ bản HTML+CSS
12,580
Học viên
739
Đánh giá
2,110
Trả lời
4.9
Xếp hạng
23
Các khóa học
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
Tất cả
114 bài giảng ∙ (24giờ 30phút)
Tài liệu khóa học:
Tất cả
55 đánh giá
5.0
55 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
안녕하세요. 게으르고 공부하기 싫어라 하는 천성을 가진 늦깍이 수강생입니다. 코딩공부를 해 봐야겠다고 생각한 것이 오륙년 전서 부터인데, 그래서 그동안 한번씩 시도를 해 봤으나 번번히 실패를 거듭하다가 지난해 12월 부터 시간적으로 여유가 좀 있기도 하고 또 더 미뤘다가는 삶이 끝날때 까지 결국 못하고 말 것 같은 생각이 들어서 몇 달간 꾸준히 코딩 공부를 이어 가고 있습니다. 이번에 '반응형 웹사이트 포트폴리오(Architecture Agency)' 강의를 집중해서 들었으며 보름 만에 일단 완성을 했습니다. 사실 이 강의도 작년 봄에 들으려고 키핑 해 두었었는데 결국 일년이 지나서 듣게 된 셈이네요. 늦게 하는 공부여서 강의를 들으면서 코딩을 하는것은 재미가 있는데, 문제는 이틀만 지나도 '어? 저거 내가 한거 맞나?' 이렇게 된다는게 문제 입니다. 살면서 누구나 느끼듯이 인연은 따로 있는 것 같습니다. 코딩웍스님을 만나기 전에 여러 경로로 강의도 들어보고, 조언도 구해봤습니다만 처음 시작하는 사람에게는 뭘 어떻게 해야 할지가 가장 힘든 것 같습니다. 누구 얘길 들으면 워드프레스나 부트스트랩을 공부하는게 낫다. 또 어떤이는 아예 학원 수강권을 끊는게 낫다. 뭐 이런 저런 의견들이 있었으며 유튜브에서도 이런저런 강의들을 들어 보았는데 무슨 말을 하는 것인지 귀에 잘 들어오지도 않다가 코딩웍스님 강의를 몇 개 듣다보니 귀가 번쩍 뜨이는 느낌을 받았습니다. 아마도 그런게 인연이 아닌가 싶습니다. 이번 강의를 들으면서 어려움도 많았으나, 질문을 올릴때 마다 친절하고 빠르게 답변을 해 주셔서 무난하게 사이트 하나를 만들게 되었습니다. 물론 저에게는 일단 만든게 중요한 것이지 다시 들여다 보면 대게 난감한 코드들이고 몇 번을 더 해 보아야 내것이 되지 않을까 싶습니다만 암튼 이렇게 사이트 하나를 완성한다는 것이 첫 발을 뗀 저에게는 참으로 대단하고 뿌듯한 일입니다. 다시 한번 감사의 인사를 전하며, 좋은 강의 많은 사람들이 듣게 되었으면 하는 바램입니다. 감사합니다.
수강평을 보면 예비 수강생들에게 좋은 가이드가 될 것 같습니다. 부족한 부분이 많은데 좋은 말씀 많이 해주셔서 감사합니다~!!
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
반응형이 어렵게 느껴졌는데 따라하느라 조금 힘들긴 했지만 퍼블리싱 실력 향상에 정말 많은 도움이 되었어요! 비록 온라인강의로만 선생님을 뵙게 되었지만 혼자 공부하는 제게는 단비같은 분이십니다 ㅠㅠ 선생님 강의 여러개 수강하고 현재는 이력서 제출중인데 꼭 취업성공하고싶어요! 선생님 강의 모두 너무너무 주옥같고 도움이 많이 되었어요!! 완전 강추합니당
수강평 감사합니다. 항상 응원할게요. 화이팅!!
Đánh giá 67
∙
Đánh giá trung bình 4.9
5
로드맵을 따라 전 강의를 완료하고 이어서 듣고 있습니다. 꼼꼼하게 알려주셔서 이해하기 너무 좋습니다. 자료도 준비가 되어 있어서 강의에 집중이 엄청 잘됩니다. 강추!!
Junhan님 수강평 감사드립니다. 구체적인 수강평이 관심있는 학생들에게 도움이 될거에요.^^
Đánh giá 9
∙
Đánh giá trung bình 4.6
5
앞선 강의에 이어 이번 강의도 너무 만족스럽게 잘 들었습니다!😀😀 전체 웹사이트 하나를 제작하면서 이번에도 엄청 많이 배워가네요.ㅎㅎ 일단 강의 시간이 길고 워낙 꼼꼼하고 이해하기 쉽게 잘 설명해주셔서 웹 사이트 제작 난이도 자체는 어려운 편이였지만 그래도 문제없이 잘 따라올 수 있었던 거 같습니다. 여러 가지 제이쿼리 플러그인을 같이 사용해서 만들다보니 약간 헷갈리기도 하고 어려웠지만 한편으로는 유용한 플러그인들을 가져와서 사용하는 방법, 사용자에 맞게 커스터마이징하는 방법을 배운 것도 좋았습니다. 개인적으로 강사님 강의 듣기전에는 html이랑 css개념도 부족하고 배운 내용을 바탕으로 예제 자체를 많이 만들어 보질 못하다보니 css가 너무 어렵고 재미없었는데 지금은 재미도 생기고 자신감도 붙게 해주셔서 너무 감사드립니다!
코더님~ 자세한 수강후기 감사드립니다. 코더님의 수강후기 보고 예비 수강생에게 좋은 가이드가 될 수 있을거에요.. 열심히 하시는 만큼 많이 보이고 또 그 만큼 계속 성장하시니까 저도 뿌듯합니다. 늘 지금처럼 화이팅하시구요~^^
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
반응형 웹을 하드코딩으로 배울수있는 수업이 흔치 않은데, 그리고 수업 시간이 18시간이나 되어서 강사님의 노력이 느껴지는 수업입니다. 취업용 개인 포트폴리오 홈페이지가 절실히 필요했는데 저한테 꼭 필요한 수업이었는데, 인프런과 코딩웍스께 감사드립니다. 앞으르도 더 좋은 강의 많이 부탁드릴께요.~^^
안녕하세요. 코딩웍스입니다. 퍼블리셔 취업 준비하시는군요. 퍼블리셔 취업하시려면 실력 만큼이나 이력서에 보여줄 개인 홈페이지도 쓸만한거 하나쯤은 있어야 하니까 이번 반응형 웹사이트 제작 과정 빠른 시간에 완강하시고 2회차 들으시면 개인 홈페이지 구상도 하시기 바랍니다. 코딩웍스 퍼블리싱 강의가 퍼블리셔 취업에 조금이나마 도움이 되었으면 합니다. 좋은 수강후기 주신거 감사드립니다. 화이팅~^^
1.315.345 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드강의 썸네일](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
![스프링 프레임워크는 내 손에 [스프2탄]강의 썸네일](https://cdn.inflearn.com/public/courses/329630/cover/e05f1532-5d1d-440e-be03-c21c42cd5566/329630-eng.png?f=avif&w=420)
