Bộ sưu tập trang web phản hồi Flex (Những thành phố tuyệt vời nhất thế giới)
Flex là công nghệ phát hành trang web phản hồi, qua quá trình sản xuất, bạn có thể rèn luyện kỹ năng cơ bản để trở thành người phát hành trang web trung cấp. Ngoài ra, khóa học về Flex từ cơ bản đến nâng cao và sản xuất giao diện người dùng thực tế cũng được cung cấp đầy đủ. Với hơn 20 giờ học về lý thuyết Flex, ví dụ thực tế và quá trình sản xuất trang web phản hồi, bạn sẽ có được kỹ năng và sự tự tin không kém gì kinh nghiệm thực tế.
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
Flex cải thiện kỹ năng và kinh nghiệm xuất bản trang web phản hồi
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
position và display thuộc tính chính xác khái niệm và sử dụng
Flex lý thuyết cốt lõi và khả năng tạo giao diện người dùng thực tế
Cách tạo danh mục đầu tư trang web Flex Responsive
'Hơn 23 giờ bài giảng về xuất bản trang web Flex responsive'
Cách sử dụng trình soạn thảo văn bản (5 bài học, khoảng 2,5 giờ) Lý thuyết cốt lõi Flex (14 bài giảng, khoảng 2,5 giờ) Ví dụ về ứng dụng Flex UI theo loại (12 bài giảng, khoảng 2,5 giờ) Flex Practical UI Creation (23 bài giảng, khoảng 6 giờ) Flex Practical Responsive Website Creation (23 bài giảng, khoảng 7 giờ)
Sách giáo khoa PDF Flex Core Theory được cung cấp Tải xuống tất cả các ví dụ đã hoàn thành được tạo ra trong lớp học Tệp thiết kế giao diện người dùng Photoshop
🙋🏻♂️ Trước khi bạn đặt câu hỏi! Hãy đọc nhé~!!
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.
▼ Trang web Flex Responsive (Những thành phố tốt nhất thế giới) - Phiên bản PC
▼ Trang web Flex Responsive (Những thành phố tốt nhất thế giới) - Phiên bản di động
▼Xem trước bài giảng Lý thuyết cốt lõi Flex
▼Xem trước các ví dụ ứng dụng Flex UI theo loại
▼Xem trước bài giảng về Flex Practical UI Creation
▼ Flex Responsive Website (Những thành phố tốt nhất thế giới) - Cung cấp tệp PSD (không giới hạn sử dụng)
▼ Sách giáo khoa PDF về lý thuyết cốt lõi Flex được cung cấp (tổng cộng 36 trang)
🙋🏻♂️ Kiến thức tiên quyết để tham gia khóa học
Bài giảng này nói về Flex và bao gồm mọi thứ từ lý thuyết cốt lõi của Flex cho đến ứng dụng và ví dụ thực tế. Và cuối cùng, còn có một quy trình tạo ra một trang web đáp ứng bằng Flex. Bài giảng này có đặc điểm độc đáo là được xây dựng theo chủ đề về khả năng phản hồi của Flex, nhưng lại tương tự như một bài giảng xuất bản chung.
Lý thuyết cốt lõi của Flex tiến triển từng bước từ những điều cơ bản, vì vậy đừng quá sợ hãi mà hãy bắt đầu. Tuy nhiên, bạn phải có hiểu biết cơ bản về HTML+CSS. Nếu bạn vẫn chưa biết gì, bạn có thể tham gia khóa học Flex trong khi học HTML+CSS.
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.
Tôi không nghĩ sẽ có vấn đề lớn nào khi thực hiện theo trừ khi bạn là người mới bắt đầu hoặc mới bắt đầu. 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.
🙋🏻♂️ Phương pháp học tập hiệu quả
Phần 3, 4 và 5 có thể được tải xuống dưới dạng ví dụ hoàn chỉnh từ Phần 6. Tài liệu tham khảo cho sinh viên và Tải xuống sổ bài tập đã hoàn thành . ( Đối với Phần 2, vì đây là video học lý thuyết nên sử dụng tệp [Coding Works] FLEX Core Theory PDF Textbook.pdf. )
Mục 2. Khi học lý thuyết cốt lõi Flex, hãy học cùng với sách giáo khoa PDF về lý thuyết cốt lõi.
Đối với Phần 3. Ví dụ về ứng dụng giao diện người dùng dành riêng cho loại Flex và Phần 4. Tạo giao diện người dùng thực tế cho Flex , bạn có thể nhận toàn bộ tệp nén đã hoàn thành, giải nén và bắt đầu từ nội dung học tập mong muốn. Vì đây là phiên bản hoàn thiện, hãy xóa các tệp index.html và style.css và bắt đầu lại từ đầu.
Mục 5. Khi tìm hiểu cách tạo trang web phản hồi thực tế bằng Flex, hãy tải xuống phiên bản hoàn chỉnh, giải nén, xóa các tệp index.html, style.css, responsive.css và custom.js rồi bắt đầu lại từ đầu.
Tất cả các ví dụ đã hoàn thành đều đi kèm với một tệp có tên là SOURCE.txt, dùng để sao chép và dán văn bản để tạo ví dụ. Hãy tận dụng nó.
🙋🏻♂️ Các câu hỏi dự kiến và tài liệu đọc bắt buộc liên quan đến bài giảng
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ề 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 lý thuyết trung gian cùng một lúc.
H.Nếu tôi học khóa học này, tôi có thể làm việc như một nhà xuất bản trong lĩnh vực này không? A. Tôi nghĩ rằng nếu bạn có thể tự mình hoàn thành bước cuối cùng của khóa học này, 'Tạo trang web đáp ứng thực tế Flex', bạn sẽ có thể kiếm được việc làm. Tất nhiên, khóa học này sẽ không đề cập đến tất cả các kỹ năng xuất bản mà bạn cần để có được công việc xuất bản, nhưng chỉ cần có khả năng tạo thiết kế web đáp ứng bằng Flex cũng là một khởi đầu tốt.
H. Trong khóa học này có phần lý thuyết riêng giải thích về lý thuyết xuất bản HTML+CSS+JQUERY không? A. Khóa học bạn đang theo học là khóa học nghiên cứu về Flex, tạo các ứng dụng Flex thực tế và tạo các trang web đáp ứng Flex, vì vậy ngoài lý thuyết về Flex, không có phần riêng về lý thuyết xuất bản cơ bản bắt buộc đối với khóa học dành cho người mới bắt đầu. 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 để được trả lời nếu bạn đính kèm ảnh chụp màn hình mã HTML, CSS và JQUERY mà bạn đang viết cùng với nội dung mà bạn tò mò.
H. Tôi có thể lấy mẫu hoàn chỉnh, tệp PSD và tệp PDF sách giáo khoa ở đâu? A. Tất cả các tập tin được cung cấp cho sinh viên có thể được tải xuống từ Mục 6. Tài liệu tham khảo cho sinh viên và Tải xuống phiên bản hoàn chỉnh ở cuối.
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ư 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.
▲ Lộ trình khóa học xuất bản Coding Works để trở thành nhà xuất bản
❤ Tin tức về việc đỗ kỳ thi publisher của sinh viên Coding Works
▲ 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).
❤ Email được gửi bởi một sinh viên Coding Works sau khi nhận được việc làm tại một nhà xuất bản
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 :)
Xin chào thầy cô~ Em là học viên Inflearn OOO~ Em tìm ra địa chỉ email từ câu trả lời của một học viên khác..😊😊
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~!
🙋🏻♂️ Trước khi bạn đặt câu hỏi! Hãy đọc nhé~!!
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~
⚡ Không thể thiếu để học tập hiệu quả! Vui lòng tham khảo kênh YouTube của Coding Works Publishing.
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.
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
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Các nhà xuất bản muốn trải nghiệm quá trình tạo trang web phản hồi với Flex
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
Xin chào Đây là
12,580
Học viên
740
Đá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 디자인 및 퍼블리싱
안녕하세요ㅎ
강의 올라온거 확인하고 바로 수강했습니다😄️😄️
중급 실전 퍼블리싱부터 전편 반응형 웹사이트 제작 강의까지 다 봤는데 정말 자세하게 이해하기 쉽게 설명해주셔서 너무 만족스럽게 들었고, 진짜 강의 완강할 때마다 제 스스로가 실력이 엄청 많이 늘었다는게 느껴져서 너무 기분이 좋고 뿌듯합니다.
이런 좋은 강의 만들어주신 강사님께도 너무 감사드립니다!
제 개인적으로는 기존 레이아웃잡는 방식보다 Flex방식으로 레이아웃 잡는게 더 편하고 쉬웠는데 IE 문제때문에 Flex를 제대로 배우고 사용하고 싶어도 사용하지 못했었는데 이제 IE 지원 중단을 한다고하니 앞으로 Flex도 꽤 자유롭게 사용할 수 있을꺼 같아 이번 강의도 너무 기대됩니다~
안녕하세요. 선생님의 유튜브 강의 열심히 듣는 학생입니다.
그렇잖아도 플렉스 강의가 없어서 여기저기 찾는중이었는데 선생님이 딱 올리셔서 바로 올리자 마자 수강신청하고 듣는중인데 웹사이트가 넘 예쁘네요.
다 듣고 나면 포토샵 조금 수정해서 개인 홈페이지에 써도 되겠지요? 혹시 플렉스 웹사이트 제작한거 조금만 바꿔서 개인 포트폴리오로도 써도 되는지 여쭤봅니다.
그럼 다시 계속 열공하러 ~~~
샐리님~ 코딩웍스입니다.
그럼요. 얼마든지 개인 용도로 사용하세요.
포토샵 PSD 파일을 제공하는건 퍼플리셔라고 해도 포토샵이 익숙하지 않은 사람들도 있잖아요. 그럼 개인 포트폴리오 홈페이지 만드는거 시작하는게 쉬운 일이 아니잖아요. 그래서 제공하는거니까 얼마든지 사용하세요~
그대로 사용하셔도 되지만 그래도 포토샵 파일 본인에 맞게 수정하셔서 사용하세요.
열공하시고 궁금한 점은 질문주세요~^^
선생님 안녕하세요
저는 백앤드 개발자로 근무하다 취업등의 문제로 급하게 선생님의 강의를 듣게된 수강생입니다. 그동안 css는 너무 어렵고 접근하기조차 용기가 안나는 영역이었습니다. 어쩌다보니 이번에 퍼블리싱 능력을 급하게 키워야해서 걱정하다 선생님 강의를 들었는데 너무 너무 재밌고 이해가 잘되는지라 감사했습니다.
불과 얼마전만해도 개인프로젝트를 할때 가운데정렬이 어려워 폭풍 검색하고 GPT가 알려주는 그대로 붙여넣기에 바빴는데 이제는 이해하고 사용할 수 있게 됐습니다. 강의 초반만 해도 이런구조는 어떻게 레이아웃을 잡아야하는거지? 생각하며 어려웠었는데 이제는 예제를 보자마자 이렇게 나누면 되겠구나가 눈에 보이더라구요ㅎㅎ 이렇게 재밌고 상세한 강의를 해주셔서 감사합니다. 이제 섹션 9 파트만 남았는데 마저 들은후 선생님의 그리드 강의까지 이어 듣도록 하겠습니다ㅎㅎㅎ 감사합니다.
육아를 하고 있어서 퍼블리싱 공부를 온라인으로 밖에 못하는데
여기저기 알아보다가 인프런에서 코딩웍스 선생님을 알게 되었습니다.
지금 선생님한테 나온 강의 중에서 거의 반정도 들은 것 같아요.
강의시간도 길어서 좋았고 정말 꼼꼼하게 가르쳐 주시고
무엇보다 강의가 지루하지가 않고 이해가 잘 되게 가르쳐 주십니다.
특히 플렉스 강의는 진짜 너무너무 도움이 되었던 것 같아요.
웹퍼블리셔 공부 하시는 분들에게는 최고의 강의인 것 같습니다.
앞으로도 좋은 강의 많이 부탁드립니다.
저도 열심히 공부해서 꼭 취업하도록 하겠습니다 ~~