Học thiết kế web từ cơ bản đến nâng cao

Sau khoảng thời gian viết bài bác về chia sẻ kiến thức thì bây giờ mình xin share cho chúng ta bí gấp tự học thi công web tác dụng dành cho những người mới. Bài này sẽ khá là dài mà lại nó rất quan trọng cho các bạn. Đặc biệt là chúng ta mới học, chưa có định hướng rõ ràng hay mindset, mất phương hướng…

Mình sẽ chia sẻ hết tất cả cách học, những khóa học, những vấn đề khi học, những câu hỏi, những nguồn khoáng sản miễn phí và gồm phí sẽ giúp đỡ cho bọn họ học tác dụng mà lại máu kiệm thời hạn nữa.

Bạn đang xem: Học thiết kế web từ cơ bản đến nâng cao

Để từ học xây đắp web công dụng thì các bạn cần phải học trước HTML CSS JS và một ít Photoshop(để cắt hình ảnh, mang mã màu….). Nó là cốt lõi gốc rễ nên bọn họ phải học vững chắc và vững tiến thưởng để sau này khi chúng học nâng cấp lên như SASS PUG JS Framework, JS Library thì họ mới có thể hiểu thuận tiện hơn….

# học HTML CSS

Đừng quên xem thêm khoá học tập HTML CSS cực chất new ra mắt của mình tại đây: https://hoanglamcm.net/khoa-hoc-html-css

Để học HTML CSS thì chúng ta nên học tại MDN hoặc W3schools, nhưng lại mình khuyến khích học tập tại MDN hơn bởi nó chia sẻ kiến thức rất chi tiết kèm ví dụ cụ thể dễ hiểu. Nếu có rất nhiều thời gian thì nên cần học ở cả 2 trang luôn cũng rất được vì học nhiều biết những mà, mỗi trang có một chiếc hay riêng.

Để cải thiện kiến thức rộng thì các bạn nên đọc thêm ở trang CSS-Tricks, freeCodeCamp, Tympanus…. Ở những trang này có tương đối nhiều kiến thức rất hấp dẫn và hữu ích chuyên sâu cho các bạn. Có hướng dẫn cụ thể kèm theo code rất có thể tải về hoặc làm và bình chọn online luôn.

Nếu các bạn lười phát âm thì các chúng ta có thể tự học xây cất web trên Youtube bằng cách gõ “học HTML CSS cho những người mới” hoặc trong giờ anh là “Learn HTML CSS for beginners” ra một đống ưng ý học cái nào thì chọn dòng đó với học thôi nà.

HTML thì chủ yếu chúng ta cần nắm rõ kiến thức về những thẻ(tag), ví dụ các thẻ phổ cập như thẻ div, hay những thẻ semantic trong HTML5 như header, footer, nav, section, aside, article, các thẻ về danh sách như ul, ol, về bảng như table, th, thead, tbody, tr, td. Mỗi thẻ được tạo thành với một mục đích khác nhau chính vì như vậy cần nắm vững chúng để thực hiện cho đúng cách.

Ví dụ những thẻ về size như đầu vào là những thẻ từ bỏ đóng bao gồm dạng thì cần thiết chèn câu chữ ở giữa chúng như những thẻ

nội dung

được, nếu các bạn làm như thế này văn bản là sai cấu trúc hoàn toàn. Thẻ a thì dùng href để dẫn links chứ chưa phải thẻ div bao gồm href như này
, những dữ liệu hiển thị bên dưới dạng bảng thì dùng những thẻ về table thì sẽ tốt hơn nếu dùng toàn div….

Ngoài ra các bạn cần nắm vững sự khác biệt giữa Class với Id, Class rất có thể dùng đi cần sử dụng lại còn Id là duy nhất, trong một trang chỉ tất cả một Id với không được trùng Id với nhau. Và học thêm một ít về SEO để biết rằng trong một trang web thì nên chỉ có buổi tối đa 1 thẻ h1 mà thôi. Tiêu giảm dùng Id đến clean code cùng CSS sau này. Trường thích hợp nào cần phải dùng thì mới dùng, ko thì cần sử dụng Class nhé.

Và còn phải học thêm về BEM để biết cách đặt thương hiệu cho chuẩn chỉnh chút, ít nhất thì lúc chúng ta đặt thương hiệu Class hay Id người ta gọi vào hiểu bạn đang làm gì, đừng khắc tên theo giờ đồng hồ Việt như
https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/https://scalablecss.com/images/BEM-cheat-sheat.pdfhttp://getbem.com/naming/

Nếu các mình muốn học thông qua clip thì bao gồm thể xem thêm ở trang Scrimba, một trang dạy lập trình trực tuyến với rất nhiều khoá học miễn phí, mình gồm để 2 liên kết khoá HTML CSS cơ bản dưới đây cho các bạn tham khảo nhé

https://scrimba.com/g/ghtmlhttps://scrimba.com/g/ghtmlcss

Về kiến thức và kỹ năng CSS thì các bạn nên học chắc chắn và kỹ, tốt nhất là nên thực hành nhiều thì mới có thể mau xuất sắc và thạo được. Đặc biệt là về layout thì cần học CSS Flexbox hoặc CSS Grid, những thuộc tính vị trí position, những đơn vị trong khi làm, những pseudo class như before after, các thuộc tính transition, animation, transform, display, những hàm như calc, cách làm website hiển thị responsive, màu sắc đẹp….

Đừng quên thực hành thực tế nhé. Cho dù bạn đọc các học các mà không áp dụng thì thành công xuất sắc cốc cơ mà thôi. Học tập tới đâu thì áp dụng ngay tới đó liền để hiểu bản chất nó ra sao, khi đổi khác giá trị thì như vậy nào, trường hợp làm vắt này thì ra làm sao blah blah…

Nếu thiếu hiểu biết nhiều cái như thế nào thì Goolge, Stackoverflow hoặc đăng tải các group lập trình hỏi. Sẽ có tương đối nhiều người sẵn lòng khiến cho bạn tuy nhiên không nên quá phụ thuộc, cái nào khó khăn quá dò mãi làm mãi chưa hiểu chưa ra được như ý thì hãy hỏi nhé ^^.

Nếu các bạn có nhu cầu học chuyên nghiệp có lộ trình rõ ràng để mau cải thiện trình độ cùng mau lên trình tốt nhất thì nhớ là tham khảo khoá học tập HTML CSS tự cơ bạn dạng tới nâng cao của bản thân nhé. Các bạn cũng có thể nhấn vào chỗ này để tải hoặc bấm vào banner sinh hoạt trên thuộc nhé.

# học JS

Javascripts vô cùng sida cho nên việc học nhằm hiểu nó khôn xiết là hóc búa luôn. Mặc dù mình cũng sưu tập được vài trang nhằm tự học JS khi mới ban đầu và một trong số đó đó là MDN cũng tương tự học HTML và CSS thì MDN dạy JS cũng tương đối là kỹ càng và đưa ra tiết. Những người quốc tế họ cũng xuất xắc học và khám phá ở trang này.

Tiếp theo đó chính là freeCodeCamp, Codecademy, Rithm School ở trên các trang này các bạn sẽ được học và làm cho online luôn, bao gồm từng phần cầm thể, chỉ dẫn và thực hành kèm theo với nhau giúp chúng ta mau hiểu và tân tiến hơn. Dường như các bạn nên vào Medium để tìm hiểu thêm kiến thức, làm việc đây các tác giả share rất là tốt và bổ ích.

Các chúng ta nên tò mò kỹ các concept như Scope, Object, Closure, Callback, Promise, Pure function… các hàm và các cách cách xử trí Array, Object, String và nữa là Javascript Design Pattern cũng phải biết vài chủng loại như module pattern, prototype, observer…

Nếu các bạn có nhu cầu học những kiến thức nâng cấp của JS cơ mà Tiếng Anh cạnh tranh hiểu quá, mong mỏi học giờ đồng hồ Việt thì các bạn có thể tham khảo trang của anh Huy Hoàng nhà blog toidicodedao nhé. Anh ấy viết khôn cùng vui cùng hay dễ hiểu nữa.

Còn các bạn có nhu cầu tìm gọi 1 khoá học từ cơ bản tới nâng cấp về Javascript đầy đủ thì mình cũng có thể có luôn nhé. Khoá học này rất tương xứng cho các bạn mới học, hoặc các bạn mới có gốc rễ cơ bản nhé. Nhấn vào chỗ này hoặc nhấp vào trên banner trên cùng cũng rất được nhé.

# sự việc khi từ học xây cất web

Tuy nhiên vì tự học đề xuất mọi thứ chúng ta phải tự mi mò, khám phá không gọi thì Google cơ mà ra toàn giờ đồng hồ Anh rồi lại đề xuất dùng Google dịch còn nếu như không rành giờ đồng hồ Anh nữa. Vì thế thì sẽ khá mau chán nản và chắc chắn là kết quả là không hiệu quả.

Mình thấy nhiều người đăng lên những nhóm hỏi các kiến thức cực kỳ cơ bản mà không cần mẫn tìm hiểu trước đó. Đó là trong những lý do khi tự học cơ mà hầu hết các bạn mới chạm chán phải. Chính vì như vậy mình khuyến khích các bạn nên search một mentor mang đến riêng mình hoặc tìm kiếm học các khóa học online hoặc offline ở các trung trung ương nếu như các bạn có tiền.

Nhiều tín đồ sẽ nói những kiến thức này nghỉ ngơi trên mạng share miễn giá thành đầy, quăng quật tiền đi học chi cho tầm giá tiền. Đúng! cơ mà miễn phí tất cả cái giá của miễn chi phí và có phí gồm cái giá chỉ của tất cả phí. Mặc dù miễn chi phí chưa chắc hẳn đã dở và trái lại có phí chưa dĩ nhiên đã ngon. đặc trưng là cách bọn họ tiếp thu chúng ra sao mà thôi.

Và sẽ có rất nhiều người họ chẳng thể tự khám phá tự học được nên việc bỏ tiền, quăng quật thời gian tới trường cũng đúng vì mọi cá nhân có một nhu cầu thực trạng khác nhau mà. Đúng không nào ?

Trước giờ học bao gồm phí xuất xắc miễn giá tiền mình đông đảo đã học nhưng mà thực sự mà nói học mất tầm giá mình cảm thấy bao gồm động lực học hơn với mau văn minh hơn nguyên nhân là mất tiền rồi cơ mà không chịu đựng học, không cố gắng là phí tổn tiền lắm(tiền đi làm, tiền để dành, chi phí ba người mẹ cho….)

Thì ở chỗ này mình sẽ share cho chúng ta theo 2 phía đó là học tập miễn phí tổn và tất cả phí. Học tập miễn tổn phí thì bản thân có nói trên rồi đó. Tuy nhiên đó vẫn không phải là biện pháp tự học xây dựng web hiệu quả nhất.

Cách công dụng nhất theo quan lại điểm của bản thân là tìm doanh nghiệp xin thực tập vị ở kia là bạn sẽ làm dự án thực tế luôn, cùng sẽ chạm mặt nhiều vấn đề mới lạ hơn, thỉnh thoảng lại gồm mentor giải đáp tận tình, thao tác với team fan này fan nọ, gặp gỡ vấn đề này vấn đề nọ, không ngừng mở rộng kiến thức, bốn duy sâu rộng lớn từ đó giúp bạn mau xuất sắc hơn.

Và đó là bước đi đúng mực đã giúp mình xuất phát từ một fresher sau khi đi thực tập và đổi thay một Frontend Developer như hiện tại. Các chúng ta có thể xem phần bên dưới về con đường tự học xây dựng web của chính bản thân mình để có động lực nhé.

# tuyến phố của bạn dạng thân mình

Hồi thời gian mình bắt đầu ra trường mình lúc đấy HTML CSS cực kì gà(khoảng 5 năm trước) và tôi đã xin đi thực tập tại một doanh nghiệp ở bên Tân Bình gần sân bay. Được hỗ trợ mỗi tháng 1triệu. Đi mẫu xe Super Cub từ đơn vị Bè sang tới kia gần cả tiếng.

Xem thêm: Học Ngũ Bộ Chú Tiếng Phạn ), Ngũ Bộ Thần Chú (Tiếng Phạn)

Ở trên đây mình được một chị Manager hướng dẫn cho mình bí quyết học những kiến thức cơ phiên bản về HTML với CSS trường đoản cú trang W3School rồi hỏi đáp loài kiến thức từ bây giờ đã học đầy đủ gì rất nhiều gì rồi bình chọn xem mình tất cả thực sự gọi về những thẻ giỏi thuộc tính CSS kia không với cho bài tập về nhà để làm và hiệu quả là bị ăn uống chửi tè le vì chưng mình code sai quá trời sai. Cơ hội đấy hơi là nản vì phiên bản thân còn vượt yếu.

Mình học tập rồi có tác dụng và ăn uống chửi mỗi ngày, mặc dù bị ăn chửi nhưng cảm xúc vui vì kỹ năng được cải thiện rất các sau 4 mon thực tập mình cảm giác tự tin hẳn ra vì kỹ năng thấy lên 1 bậc rõ rệt.

Sau 4 tháng thực tập, cày cuốc mình học hỏi và giao lưu được không hề ít thứ , tuy vậy vì đi làm việc rất là xa nên tôi đã xin nghỉ làm việc đó.

Nhờ vậy nhưng lúc ngủ thực tập đi chất vấn nhiều doanh nghiệp khác trả lời về kiến thức và làm bài test ổn hơn cũng tương tự học hỏi được tự chị manager vài năng lực chém gió nữa. Sau đó mình được nhận làm trên một công ty Singapore bao gồm trụ sở sinh hoạt VN. Từ bỏ làm một mình Frontend từ bỏ A-Z ở công ty đó cho tới công ty mới hiện tại vẫn thực hiện Frontend Developer. Với giờ thì trình độ của bản thân mình đã khác hẳn 5 thời gian trước nhiều rồi.

# quay trở lại vấn đề khi tự học xây dựng web

Đây là vấn đề của tương đối nhiều bạn trẻ, lúc trên mạng có rất nhiều nguồn quá, vậy chọn ở đâu học uy tín, unique mau lên trình. Thì phía trên mình xin chia ra 2 trường hợp, một là học Tiếng Việt, hai là học Tiếng Anh.

Trường vừa lòng các bạn có nhu cầu học giờ đồng hồ Việt thì cũng đều có 2 loại đó vẫn là online hoặc offline. Nếu chúng ta học online thì các chúng ta có thể tham khảo 2 khoá học của mình, một khoá dạy dỗ về HTML CSS từ cơ phiên bản tới nâng cao một cách chi tiết và đầy đủ chuyên sâu, có bài bác tập, sửa bài xích góp ý 11 luôn, giúp mau lên trình vù vù cùng các các bạn sẽ học online qua phần mềm Zoom, chúng ta có thể tham khảo thêm chi tiết tại đây, còn khoá thứ 2 là khóa huấn luyện và đào tạo qua clip có sẵn vì mình quay giá tốt hơn khoá qua Zoom nhiều với hơn 120 videos hiện tại đang bán tại KTcity, các bạn có thể nhấn vô đây để tham khảo nha.

Còn offline thì nó yêu cầu tiền nhiều hơn thế vì học offline là cần có người dạy và chỉ bảo tận tình cũng như bài tập về nhà, deadline… nhưng chắc chắn là sẽ mau lên trình hơn vì bạn mất quá nhiều tiền mà không chịu học thì coi như bạn lỗ là dòng chắc. Ai chả sợ hãi tiếc tiền nên mất chi phí thì đề xuất ráng học thôi nà. Sau này nếu mình gồm dạy offline bản thân sẽ thông tin tới cho các bạn nha.

Trường hòa hợp các bạn muốn học giờ Anh ở việt nam thì vững chắc chỉ tất cả online thôi. Và các khóa học online giờ đồng hồ Anh thì mình khuyến khích chúng ta học sống trang Udemy cùng với một khóa huấn luyện có giá chỉ 10$/khóa (Khi đã sử dụng Coupon sút giá)

Mình sẽ học nhiều khóa học online trên Udemy và tìm được vài khóa học rất chất lượng mà các bạn cũng có thể mua tại Udemy. Các bạn tìm khoá học tập HTML CSS của một bạn tên là Jonas, do ổng dạy rất thú vị và cụ thể nên khóa đào tạo và huấn luyện của ổng rất được không ít người mua và học(hơn 142000 học tập viên học online con số quá khủng)

Thì để sở hữ những khóa học này thì chúng ta phải có thẻ Debit hoặc thẻ Credit từ bất cứ ngân sản phẩm nào và phải có tiền trong các số đó nhé. Sau đó các bạn vào Udemy tạo thông tin tài khoản hoặc có thể đăng nhập thẳng bởi Facebook luôn luôn rồi chọn khóa huấn luyện và đào tạo cần mua kế tiếp nhập số thẻ của người tiêu dùng vào rồi giao dịch thanh toán thôi.

Những khóa học ở Udemy thường rất cao vài trăm $ lận. Tuy vậy Udemy luôn có chính sách ưu đãi liên miên nhưng các bạn cũng có thể Google “Coupon 90%, Coupon 10$ Udemy” nó ra một đống.

Tìm với chọn cái nào nhưng khi nhấn vào hoặc cần sử dụng mã Coupon số tiền khóa đào tạo từ Udemy nó hạ về 10$ hoặc 11.99$ là ngon lành cành đào. Sau khi mua chấm dứt rồi thì truy vấn vào tài khoản sau khoản thời gian đăng nhập và triển khai học thôi.

# học tập tiếng Anh

Mình thấy đa số chúng ta khi trở thành lập trình viên cơ mà tiếng Anh vẫn tồn tại yếu, hồi trước tôi cũng thế, sau nhiều thời gian mày mò tìm hiểu thì mình tìm được một playlist tổng thích hợp tiếng Anh giao tiếp trên Youtube của Channel bác Trung Mai, nhờ playlist này nhưng tiếng Anh của mình nâng cao rất nhiều.

Cũng như trong quy trình code hoặc đọc tài liệu tiếng Anh, từ bỏ nào thiếu hiểu biết nhiều thì mình tra Google rồi nhớ riết rồi cũng có vốn trường đoản cú vựng đủ để đọc những tài liệu tiếng Anh cũng tương tự nghe qua các videos dạy về lập trình. Các chúng ta cũng có thể nhấn vào chỗ này để coi playlist dạy dỗ tiếng Anh này nhé.

# cải thiện con đôi mắt thẩm mỹ

Mình thấy nhiều người code Frontend ít chú ý vào dòng này, khi nhìn vào một UI thì không biết nguyên nhân nó lại đẹp, vì sao nó lại xấu và hướng nâng cấp ra sao. Ví dụ chúng ta code HTML CSS cực kỳ giỏi, tuy thế bạn không có mắt về thẩm mỹ, người tiêu dùng có một UI hơi xấu và hy vọng thuê các bạn code lại làm sao cho đẹp hơn và clean hơn thì khách hàng vẫn trả nhiều tiền cho bạn.

Khổ nổi các bạn code thì dư sức, nhưng chúng ta quen được thiết kế sẵn rồi làm theo rồi, còn đây bạn phải tự nghĩ ra UI làm thế nào để cho đẹp rồi bắt buộc tự code theo suy xét đó làm thế nào cho đẹp đúng cùng với ý người tiêu dùng thì thiệt sự nặng nề nhỉ ? Thì lúc này các bạn cần phải đọc thêm về UI/UX nữa nhằm biết bọn chúng là gì và bọn chúng giúp gì trong lĩnh vực web này.

Ngoài ra chúng ta nên vào những trang như Dribbble, Collectui, Behance, muz li, ở các trang này siêng tổng hòa hợp những xây cất đẹp hàng ngày, hàng tuần. Vào coi những xây dựng đẹp này, sẽ giúp con mắt chúng ta mở mang hơn về thiết kế, học tập hỏi được không ít kiểu mới hơn, tăng khả năng thẩm mỹ rộng rồi sau này còn có kinh nghiệm để giải quyết những vụ việc như mình nhắc đến ở trên một cách dễ dãi hơn.

# vụ việc lấy tài nguyên

Hiện nay mình thấy các Designers họ dùng các công cụ trẻ trung và tràn đầy năng lượng như Figma giỏi là Zeplin để thi công online và vấn đề lấy hình hình ảnh hay icon từ số đông trang này cực kì dễ dàng. Mặc dù việc dùng Photoshop nhằm thiết kế thì vẫn còn đó nhiều, chính vì vậy như nghỉ ngơi đầu bài mình gồm nói là các bạn nên học tập qua Photoshop để biết phương pháp cắt hình ảnh từ tệp tin PSD ra để gia công giao diện để phòng ngừa trường đúng theo công ty chúng ta làm, các bạn Designers chưa cập nhật công nghệ mới hoặc quen cần sử dụng Photoshop rồi chẳng hạn.

Ngoài ra khi chúng ta code các bạn có nhu cầu kiếm hình ảnh đẹp để làm demo thì có thể tham khảo trang unsplash.com, hoặc freepik.com chuyên cung cấp ảnh, vector miễn phí. Hỗ trợ các bạn phần làm sao trong quy trình tìm tài nguyên.

# Các kỹ năng khác

Khi đi làm việc hay đi chất vấn hay là làm cho CV, thì các bạn cũng nên mày mò về thông tin doanh nghiệp mà bọn họ sẽ được bỏng vấn, nếu các bạn tìm hiểu về thông tin công ty thì lỡ bạn ta tất cả hỏi thì các bạn cũng từ bỏ tin trả lời là có được sự hiểu biết rồi thì sẽ sở hữu điểm vào mắt nhà tuyển dụng rồi.

Học thêm các năng lực gửi mail, vấn đáp mail làm sao cho lịch sự như Dear ở đầu câu, Thanks và regards nghỉ ngơi cuối câu chẳng hạn, ăn uống mặc lịch lãm khi đi rộp vấn, ngồi nghiêm chỉnh sáng sủa trả lời…Ngoài ra đề nghị tham gia chuyển động trên những group Facebook nữa, gia nhập thảo luận, góp ý hỗ trợ người khác cũng chính là một phương pháp để cải thiện kiến thức, cải thiện trình độ.

Hoặc là viết blog cá nhân chia sẻ kiến thức tạo nên thương hiệu của cá nhân, cũng tương tự tự tìm hiểu các ngữ điệu mới, công nghệ mới nhằm theo kịp thời đại. Xuất xắc là tự làm các dự án cá thể để bổ sung cập nhật vào CV cho giỏi hơn là một trong CV trống chẳng tất cả gì cả. CV thì chỉ cần làm dễ dàng và đơn giản dễ phát âm là được rồi, không bắt buộc làm color mè tuyệt phức tạp làm cái gi cả….

# Theo dõi gần như trang, fan nổi tiếng

Các bạn biết kia trên hầu hết trang social như Facebook, Twitter xuất xắc Instagram có rất nhiều người dùng, và có không ít rất người xuất sắc trong nghành nghề của bọn chúng ta. Hằng ngày họ đăng bài share các kỹ năng và kiến thức mới lạ, các tips tricks bổ ích, các nâng cấp hiệu suất….. Nếu bọn họ follow họ thì hoàn toàn có thể học được rất nhiều thứ lắm.

Và bản thân bản thân thì có follow vài ba người, trang chia sẻ rất hay những kiến thức về chuyên môn và tất nhiên là mình cũng đều có tổng hợp sau đây cho chúng ta luôn:

…. Còn đa số người và trang khác mình vẫn update thêm sau

# Lời chưa kết

Bài này tương đối là dài, mình nghĩ bạn đọc được cho tới đây chắc rằng bạn là một trong người vẫn hoặc bước đầu muốn từ bỏ học kiến thiết web cùng với một lòng tin rất là hồi hộp và nghiêm túc đấy. Hy vọng với phần đông lời chia sẻ ngắn ngủi trên phía trên đủ nhằm tiếp lửa cho chúng ta có cồn lực và tinh thần để bắt đầu vào bài toán học kiến thiết web một cách hiệu quả nhất..