Thực hành! Làm trang web! Từng bước một! _Cơ bản (Hanwha Chemical_Web thích ứng)
Đây là khóa học Cơ bản trong chuỗi "Thực chiến! Thiết kế trang web! Step by Step!", giúp bạn hiểu rõ và vận dụng hoàn hảo việc xây dựng bố cục (layout) chế độ PC và thiết kế trang web phản hồi (responsive) thông qua quá trình thực hành tạo website (Hanwha Chemical/Solutions) bằng HTML5 và CSS3.
(Có đính kèm tệp hoàn thiện của bài giảng!)
Tôi là một trong những người đã cổ vũ khi Bracket lần đầu tiên rời Adobe ^^
Mặc dù có nhiều người biên tập nhưng tôi rất ấn tượng khi người hướng dẫn dạy trong ngoặc.
Cảm ơn bạn đã cung cấp thông tin chi tiết về những điều cơ bản trong việc tạo một trang phản hồi.
Tôi đã tham gia một khóa học thực sự hữu ích, từ hiểu thẻ đến cách sử dụng các công cụ dành cho nhà phát triển.
Hãy tiếp tục mở thêm những khóa học mà tôi rất muốn giới thiệu cho bạn bè của mình.
Đừng mệt mỏi vì nắng nóng và hãy giữ gìn sức khỏe nhé ^^
5.0
ws k
100% đã tham gia
Đó là một bài giảng thực sự thỏa mãn.
Hầu như mọi người đều biết các thẻ HTML và thuộc tính CSS được sử dụng trong bài giảng.
Thật ngạc nhiên và thú vị khi màn hình thay đổi mỗi khi tôi nhập mã, lưu mã hoặc nhấn F5.
Tôi đang mong chờ bài giảng tiếp theo, và cảm ơn bạn đã đăng một bài giảng hay.
5.0
조동찬
100% đã tham gia
Tôi là một người đàn ông của gia đình, ngoài 40 tuổi, hiện đang điều hành công việc kinh doanh của riêng mình. Để chuẩn bị cho kỷ nguyên sắp tới của Cách mạng công nghiệp lần thứ 4, tôi bắt đầu quan tâm đến mã hóa, vốn là cốt lõi của công nghệ liên quan đến CNTT, và quyết định tìm hiểu những điều cơ bản và tạo trang web của riêng mình, vì vậy tôi đã tìm kiếm và lấy tài liệu của người hướng dẫn. khóa học. Mình chỉ biết cơ bản về HTML và CSS nhưng sau khi nghe thầy giảng và tạo một trang web thực tế, mình đã hiểu rất rõ và học được rất nhiều ứng dụng thực tế. Đây là một bài giảng rất hữu ích đã giúp tôi tự tin hơn trong việc tạo ra các trang web. Tôi cũng đang có kế hoạch sớm tham gia bài giảng về ngành công nghiệp Daebang của người hướng dẫn. Dựa trên những gì tôi học được từ bài giảng của người hướng dẫn, tôi dự định tạo một trang web công ty đẹp và tiếp tục học ngôn ngữ JavaScript liên quan để phát triển front-end. Cảm ơn
Bạn sẽ nhận được điều này sau khi học.
Khả năng tiếp cận web bằng HTML5 Markup - Định nghĩa cấu trúc tài liệu
Hiểu các thuộc tính CSS3 đa dạng khác nhau để áp dụng vào Thiết kế Layout (Layout Design)
Hiểu và áp dụng thuộc tính Block và Inline
Hiểu và áp dụng thuộc tính position
Thấu hiểu và ứng dụng trong sản xuất Animation
Tìm hiểu và áp dụng các phần tử giả ( :before, :after)
Tạo Skip_nav
Nhiều hiệu ứng hover và focus đa dạng khác nhau
Hiểu và áp dụng z-index
Cách sử dụng và áp dụng FontAwesome
Cách sử dụng và áp dụng Google Fonts
Cách sử dụng công cụ dành cho nhà phát triển
Cách xây dựng và áp dụng trang web đáp ứng (Responsive Web)
Chỉ cần biết HTML và CSS là có thể tự tin tạo trang web!
Nếu bạn là người mong muốn tìm việc làm với tư cách là nhà thiết kế UI.UX hoặc nhà phát triển Front-end, thì việc sở hữu một bộ hồ sơ năng lực (portfolio) thực hiện các trang web phù hợp với xu hướng hiện nay với ít nhất 5~6 sản phẩm là điều bắt buộc.
Khóa học này là Basic Course của chuỗi bài giảng sản xuất website "Thực chiến! Sản xuất website Step By Step", đây là bài giảng mà bạn sẽ được thực hành tạo ra trang chủ của trang web Hanwha Solutions/Chemical giống hệt như thực tế.
Chuỗi bài giảng "Thực chiến! Sản xuất website Step By Step" bao gồm các bài giảng hướng dẫn sản xuất lại nguyên mẫu các trang web đang được thương mại hóa hiện nay, được lựa chọn dựa trên các tiêu chí: phù hợp với xu hướng mới nhất, có yếu tố thẩm mỹ xuất sắc và thích hợp để làm sản phẩm portfolio, vì vậy hãy tham khảo điều này trong quá trình học tập., so please keep this in mind for your studies.
>> Sản xuất CSS Animation
>> Tạo hiệu ứng CSS Animation - scale phóng to khi di chuột (hover) qua
>> Tạo Animation trượt khi di chuột (hover) bằng cách sử dụng nội dung giả (pseudo-content)
>> Sản xuất từ bố cục chế độ PC đến máy tính bảng (1024px, 768px) và độ phân giải di động (414px, 320px)
>> Từ bố cục chế độ PC đến máy tính bảng (1024px, 768px), độ phân giải di động (320px) màn hình cuộn
Khóa học được thực hiện bằng cách hiện thực hóa trực tiếp một trang web thực tế dành cho những người đã có kiến thức cơ bản về HTML và CSS nhưng hoàn toàn chưa có cảm nhận về bố cục (layout). Thông qua quá trình trực tiếp xây dựng trang chủ của trang web Hanwha Solutions/Chemical, chúng tôi sẽ giúp bạn nâng cao sự hiểu biết về việc tạo bố cục bằng cách sử dụng HTML5 và CSS3, đồng thời giúp bạn có thể tự tin ứng dụng và thiết kế bất kỳ loại bố cục nào. Hãy cùng nhau học tập từng bước một để không chỉ nắm vững kiến thức và nâng cao năng lực xây dựng trang web phản hồi (responsive), mà còn sở hữu cho mình một bản portfolio với chất lượng tuyệt vời.
Từng bước một! Hãy bắt đầu ngay bây giờ.
Nếu bạn vừa nghe bài giảng về trang web bao gồm các yếu tố tương tác thiết yếu trong thực tế, vừa chuẩn bị portfolio, thì khi kết thúc khóa học, bạn sẽ hoàn thành được một bộ portfolio chất lượng cao và tiến gần hơn đến việc xin việc thành công.
Sau khi kết thúc khóa học, bạn sẽ nhận được :D
1. Kỹ năng xây dựng bố cục (layout) vững chắc
Để xây dựng trang web, việc tạo bố cục chính xác dựa trên HTML và CSS là quan trọng nhất. Ngay cả đối với những bạn đã có nền tảng cơ bản về HTML và CSS nhưng chưa có khái niệm gì về Layout Design, nếu kiên trì theo sát khóa học hướng dẫn tỉ mỉ từ những bước cơ bản này, bạn sẽ cảm nhận được nền tảng vững chắc về thiết kế bố cục của mình đang dần được hoàn thiện lúc nào không hay!
2. Tăng năng suất công việc!
Để nâng cao năng suất công việc, bạn cần có khả năng sử dụng các thư viện và plugin để triển khai các trang web tương tác trong thời gian ngắn. Trong khóa học này, bạn có thể học một cách chắc chắn từ việc tạo bố cục trang web đến tạo các trang web phản hồi (responsive), đồng thời xây dựng trang web bằng cách sử dụng các script, plugin và hiệu ứng hoạt hình (animation) cần thiết trong thực tế. Nếu bạn kiên trì thực hành trong khi nghe giảng, năng lực làm việc của bạn sẽ được nâng cao đáng kể!
3. Hồ sơ năng lực (Portfolio) chất lượng cao
Một trong những hành trang hiệu quả để thể hiện năng lực chuyên môn và nắm bắt những cơ hội mới chính là một bộ hồ sơ năng lực (portfolio) chất lượng cao. Thông qua việc thực hành trong quá trình học, bạn sẽ dần tích lũy được portfolio cho riêng mình. Không chỉ dừng lại ở khóa học này, nếu bạn kiên trì hiện thực hóa các trang web thông qua các khóa học thực hành xây dựng website tiếp theo, bạn sẽ có thể hoàn thiện một bộ portfolio - vũ khí lớn nhất của bản thân khi đi xin việc.
4. Vận hành phòng chat mở
Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-D do J.young điều hành, chúng tôi sẽ chia sẻ những bí quyết cực kỳ hữu ích liên quan đến Figma, UI.UX, lập trình, xây dựng portfolio cũng như các liên kết hội thảo trực tuyến (webinar) miễn phí.
- Tên phòng chat mở: Jalnan Web Design - Mã: jyoung
Tìm hiểu lộ trình học tập để tạo ra những trang web thu hút mọi ánh nhìn
1. Khả năng tiếp cận web với HTML MarkUp - Định nghĩa cấu trúc tài liệu 2. Hiểu và áp dụng các thuộc tính CSS3 đa dạng vào Thiết kế Layout 3. Hiểu và áp dụng thuộc tính position 4. Hiểu và áp dụng thuộc tính Block và Inline 5. Hiểu và áp dụng Animation 6. Hiểu và áp dụng bộ chọn giả (:before, :after) 7. Các hiệu ứng hover, focus đa dạng 8. Hiểu và áp dụng z-index 9. Tạo skip_nav 10. Cách sử dụng và áp dụng FontAwesome 11. Sử dụng Google Fonts 12. Cách sử dụng công cụ dành cho nhà phát triển (Developer Tools)
Điểm đặc biệt chỉ có ở bài giảng này! Tôi rất tò mò!
Q1. Khóa học này có giúp ích cho việc xin việc không? A1. Một hình ảnh có sức tác động mạnh mẽ hơn ngàn lời nói. Nếu bạn vừa nghe giảng vừa thực hành tạo ra các trang web, bạn sẽ có thể xây dựng một portfolio lộng lẫy, thu hút ngay ánh nhìn của nhà tuyển dụng, điều này sẽ giúp ích rất nhiều cho việc xin việc.
Các công cụ được đề cập ở đây
Sau bài giảng này, các bài giảng về thiết kế 9 trang web với phong cách và kiểu dáng khác nhau sẽ lần lượt được mở ra.
Các bạn học viên đang chuẩn bị portfolio hãy tham khảo điều này để cùng nhau tạo ra những trang web chất lượng cao.
html, css, html/css, website, trang web, coding, lập trình, jquery, layout, web tương tác, interactive web, web design, thiết kế web, portfolio, publishing
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Những người đã có nền tảng HTML/CSS cơ bản nhưng vẫn còn e ngại việc xây dựng một trang web hoàn chỉnh.
Những nhà thiết kế đồ họa muốn chuyển sang làm nhà phát triển Front-end.
Những người muốn nhanh chóng tạo portfolio để xin việc ở vị trí thiết kế web (web designer) hoặc lập trình giao diện (publisher).
Những người muốn thiết kế và triển khai đa dạng các loại bố cục (layout) để tìm việc làm ở vị trí thiết kế web (web designer) hoặc lập trình viên giao diện (publisher).
"Tôi là J.Young, người hướng dẫn danh mục thiết kế và phát triển."
Tôi đã điều hành công ty thiết kế web và phát triển ứng dụng trong suốt 20 năm qua, trực tiếp trải nghiệm sự khốc liệt của thực tế. Dựa trên những kinh nghiệm đó, hiện tại tôi đang dốc sức vào việc đào tạo các chuyên gia kế cận, từ thiết kế UI/UX đến phát triển Front-end tại các trường đại học và cơ sở giáo dục chuyên nghiệp.
Triết lý giảng dạy của tôi rất rõ ràng.
Từ cơ bản đến thực tiễn, kết nối không rào cản
Nén gọn các kỹ năng cốt lõi mà thực tế công việc yêu cầu
Hoàn thiện hồ sơ năng lực thực chiến giúp bạn xin việc thành công
Dành cho những ai đang mông lung không biết bắt đầu từ đâu, những người đi làm đang mơ ước chuyển nghề nhưng thiếu thời gian, và cả những người mới bắt đầu cảm thấy lập trình là một câu chuyện xa vời. Tôi sẽ biến con đường 20 năm mình đã đi qua thành lối tắt dành cho các bạn. Cho đến ngày các bạn tự tin đứng vững với tư cách là một người làm nghề thực thụ, tôi sẽ trở thành một người tiền bối (sasu) đáng tin cậy và nỗ lực hết mình để giúp đỡ các bạn.
J.young sẽ giúp đỡ bạn.!! Ngoài ra!! Nếu bạn có bất kỳ thắc mắc nào trong quá trình học, hãy để lại bình luận, tôi sẽ cố gắng hết sức để đưa ra câu trả lời hữu ích cho bạn.
Kinh nghiệm thực tế
- 2017~Nay) Giám đốc phát triển Web - 2015~2017) Giám đốc điều hành Công ty Cổ phần Eliesel - 2003~2015) Giám đốc điều hành Công ty Cổ phần Amusingwear - 2003: Trưởng phòng Thiết kế tại Seowoo C&D
- Hiện tại) - Giảng viên Bootcamp UIUX Web Planning/ Design/ Front-end (Học viện Ezen DX - chi nhánh Seocho) - Giảng dạy chuyên sâu về Portfolio Thiết kế/Phát triển và hướng dẫn nhóm/cá nhân
* Kênh YouTube đang hoạt động (Designer biết code)
Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-D do J.young điều hành, tôi sẽ giải đáp các thắc mắc về bài giảng và phản hồi về portfolio.
Đó là một bài giảng thực sự thỏa mãn.
Hầu như mọi người đều biết các thẻ HTML và thuộc tính CSS được sử dụng trong bài giảng.
Thật ngạc nhiên và thú vị khi màn hình thay đổi mỗi khi tôi nhập mã, lưu mã hoặc nhấn F5.
Tôi đang mong chờ bài giảng tiếp theo, và cảm ơn bạn đã đăng một bài giảng hay.
WS K
Cảm ơn bạn rất nhiều vì đã làm việc chăm chỉ và đánh giá tốt.
Tôi có ý chí để bắn chăm chỉ hơn ^^
Chúng tôi sẽ luôn đồng hành cùng bạn với những khóa học tốt hơn trong tương lai.
Cảm ơn rất nhiều.
Chúc bạn hôm nay một ngày tốt lành ^^
Tôi là một trong những người đã cổ vũ khi Bracket lần đầu tiên rời Adobe ^^
Mặc dù có nhiều người biên tập nhưng tôi rất ấn tượng khi người hướng dẫn dạy trong ngoặc.
Cảm ơn bạn đã cung cấp thông tin chi tiết về những điều cơ bản trong việc tạo một trang phản hồi.
Tôi đã tham gia một khóa học thực sự hữu ích, từ hiểu thẻ đến cách sử dụng các công cụ dành cho nhà phát triển.
Hãy tiếp tục mở thêm những khóa học mà tôi rất muốn giới thiệu cho bạn bè của mình.
Đừng mệt mỏi vì nắng nóng và hãy giữ gìn sức khỏe nhé ^^
Cảm ơn bạn kate.
Tôi biết rất rõ rằng bạn rất yêu thích khóa học của tôi và chăm chỉ lắng nghe nó. Cảm ơn rất nhiều.
Để tôi có thể nâng cấp khả năng và kỹ năng của bạn với những bài giảng hay hơn.
Chúng tôi sẽ chuẩn bị một cách tốt nhất có thể.
Khóa học tiếp theo dự kiến sẽ khai giảng vào tháng 7. Chúng tôi xin lỗi vì sự chậm trễ trong việc phát hành do di chuyển. Cảm ơn bạn một lần nữa ^^
Tôi là một người đàn ông của gia đình, ngoài 40 tuổi, hiện đang điều hành công việc kinh doanh của riêng mình. Để chuẩn bị cho kỷ nguyên sắp tới của Cách mạng công nghiệp lần thứ 4, tôi bắt đầu quan tâm đến mã hóa, vốn là cốt lõi của công nghệ liên quan đến CNTT, và quyết định tìm hiểu những điều cơ bản và tạo trang web của riêng mình, vì vậy tôi đã tìm kiếm và lấy tài liệu của người hướng dẫn. khóa học. Mình chỉ biết cơ bản về HTML và CSS nhưng sau khi nghe thầy giảng và tạo một trang web thực tế, mình đã hiểu rất rõ và học được rất nhiều ứng dụng thực tế. Đây là một bài giảng rất hữu ích đã giúp tôi tự tin hơn trong việc tạo ra các trang web. Tôi cũng đang có kế hoạch sớm tham gia bài giảng về ngành công nghiệp Daebang của người hướng dẫn. Dựa trên những gì tôi học được từ bài giảng của người hướng dẫn, tôi dự định tạo một trang web công ty đẹp và tiếp tục học ngôn ngữ JavaScript liên quan để phát triển front-end. Cảm ơn
Jo Dong-chan
Cảm ơn bạn đã đánh giá ^^
Từ giờ trở đi, bạn có thể đi đến tận giao diện người dùng.
Bạn có thể học được không?
Bạn cần biết website công ty để có thể quản lý nó.
Con đường học tập!! Tôi ủng hộ bạn!!!
Tiếp theo, tôi xin cảm ơn bạn đã tham gia khóa học Công nghiệp Daebang.
Bố cục công nghiệp Daebang và các yếu tố tương tác đầy màu sắc được thêm vào.
Nó sẽ giúp ích rất nhiều cho bạn.
Cảm ơn bạn ^^
J.youngGiấc mơ
Tôi đã học html và css, nhưng có rất nhiều thứ khó hiểu, nhưng tôi có thể dễ dàng xem lại vì họ đã giải thích cách thức và vị trí sử dụng chúng khi tạo web!
Cảm ơn bạn cnqjatlr2175 vì đánh giá cao của bạn.
Sau đó, tôi cũng đã tải lên bài giảng khóa học hoàn chỉnh siêu tốc về HTML/CSS cơ bản (bài giảng miễn phí) mà tôi đã đăng lần này.
Nếu bạn nghe qua, tôi nghĩ nó sẽ giúp ích rất nhiều trong việc sử dụng thực tế.
Tuy là bài giảng cơ bản nhưng sẽ rất hữu ích khi áp dụng vào thực tế.
Cảm ơn bạn ^^
J.youngGiấc mơ
Khi đắm chìm vào làm thì thời gian trôi qua thật nhanh...
Không có thời gian để cảm thấy chán nản^^
Thực sự khuyến khích việc học theo phong cách clone coding trước khi triển khai thực tế.