Trước khi học lập trình và phát triển web, tôi luôn sợ hãi mỗi khi nhìn vào các trang web được thiết kế đẹp mắt. Tôi thích đọc các bài báo và web là nguồn thông tin đương đại chính của tôi. Vì vậy, tôi đã được tiếp xúc với rất nhiều trang tuyệt vời không chỉ trông tuyệt vời mà còn cung cấp các chức năng hợp lý cho người xem. Nó khuấy động trong tôi một mong muốn một ngày nào đó cũng có thể trình bày thông tin với thế giới theo cách khiến bất cứ ai nhìn vào chúng cũng phải thán phục.
Hình ảnh của Caleb Dow trên Bapt
Là người sáng tạo nội dung, tôi bắt đầu sử dụng Blogger, viết về giáo dục tài chính và tinh thần kinh doanh. Với Blogger, vào thời đó, người ta không có nhiều thời gian để tùy chỉnh giao diện của trang web. Tôi bắt đầu mày mò và tìm thấy các hướng dẫn dạy tôi cách chỉnh sửa các tệp CSS của một chủ đề Blogger. Đây là lúc tôi nhận ra mình cần học HTML và CSS. Tôi đã không bắt đầu học cho đến khi cuối cùng chấp nhận sự thật rằng việc chỉnh sửa một vài dòng CSS không bao giờ có thể cho tôi toàn quyền kiểm soát trang web mà tôi đang tạo sẽ trông như thế nào và hoạt động như thế nào
Bây giờ hơn năm năm sau, tôi đã biết cách tạo một trang web từ đầu và thậm chí đưa các chức năng cơ bản vào đó. Heck, bây giờ tôi thậm chí có thể viết mã cả mặt trước và mặt sau của một ứng dụng blog cơ bản và thậm chí xây dựng một ứng dụng TV-Series với ReactJS. Cho dù kỹ năng của tôi bây giờ tương đối cao đến đâu, tôi không thể phủ nhận sự thật rằng học HTML và CSS là nền tảng của tôi
Tôi hiểu rằng mọi người cảm thấy ngứa ngáy khi bắt đầu với một ngôn ngữ lập trình thực sự như Ruby, JavaScript hoặc Python. Nhưng để xây dựng một thứ gì đó hoàn chỉnh, ít nhất là cho web, nhà phát triển cần có kỹ năng HTML và CSS tốt. Tuy nhiên, một nhà phát triển web không cần phải là chuyên gia về chúng
Bạn có cần nhiều HTML/CSS như vậy để trở thành nhà phát triển không?I initially thought of making a full blown list of all the HTML tags and CSS selectors/properties. Then I realized I could just lead the reader to more useful resources. I’ll then just make high-level suggestions in order to emphasize that web developers need not have a Bruce Lee-level of competence to be HTML/CSS ninjas. To build a site you only need to use common HTML tags such as for headings [h1-h6], links [], images [], unordered lists [ with
Dưới đây là các liên kết đến các hướng dẫn đơn giản nhưng tuyệt vời để học HTML và CSS
- Tìm hiểu HTML5
- Tìm hiểu CSS3
- Thiết kế web đáp ứng
Hình ảnh của Maik Jonietz trên UnsplashFrameworks và Thư viện mang lại cho chúng tôi siêu năng lực CSS
Ngày nay, chúng tôi may mắn có được các công cụ, thư viện và khung để giúp chúng tôi xây dựng đánh dấu và kiểu trang web đơn giản và dễ dàng hơn. Trước đây, rất khó để hoàn thiện bố cục của trang bằng cách sử dụng các thuộc tính vị trí và vị trí thuần túy trong CSS. Nhưng bây giờ chúng ta có FlexBox và CSS Grid. Có những kỹ năng cơ bản trong hai điều đó sẽ cho phép một người tạo ra các trang web có giao diện đẹp mắt. Ngoài ra, chúng tôi có các thư viện như Bootstrap, Foundation và Semantic-UI cung cấp kiểu dáng sẵn sàng. Chúng tôi chỉ cần liên kết với các tệp CSS của họ [và các thư viện JavaScript/jQuery], hiểu hệ thống lớp và lưới của họ và bạn có thể xây dựng các trang web có giao diện tuyệt vời
Tìm hiểu Flexbox và CSS Grid trong khi vui chơi
- Flexbox Froggy — Tìm hiểu Flexbox thông qua một trò chơi
- Hướng dẫn Flexbox trên Scrimba
- Grid Garden — Tìm hiểu CSS Grid thông qua một trò chơi
- Hướng dẫn lưới CSS trên Scrimba
Than ôi, như thể những điều trên là chưa đủ, giờ đây chúng ta có bộ xử lý trước CSS [tôi. e, SASS, ÍT hơn]. Chúng giỏi trong việc gì? . Hậu quả của việc này là một cơn ác mộng với các phiên gỡ lỗi tìm ra phần nào trong hơn 700 dòng CSS của bạn là thủ phạm. Và còn những bộ chọn lặp đi lặp lại hoặc dư thừa làm cho CSS của bạn dài như vậy ngay từ đầu thì sao? . Điều này giúp dễ dàng quản lý trang web có nhiều bộ chọn và thuộc tính. Bây giờ nếu bạn đang bắt đầu phát triển web và bạn thực sự muốn bắt đầu 'lập trình thực sự' thì bạn sẽ rất vui khi biết rằng với bộ tiền xử lý CSS, nó gần giống như lập trình rồi. Bạn sử dụng những thứ như biến, vòng lặp và hàm như thể bạn đang làm việc trên JavaScript hoặc Ruby
Ai đó đang xây dựng một trang web sẽ không bao giờ, và ý tôi là không bao giờ, bỏ qua việc sử dụng công cụ tuyệt vời này. Firefox cũng có nhưng tôi thấy Chrome dễ dùng hơn. Với Công cụ dành cho nhà phát triển của Chrome, bạn có thể dễ dàng kiểm tra các phần tử HTML và thuộc tính CSS của trang web để sửa lỗi hoặc thử nghiệm một kiểu mới mà bạn muốn kết hợp với trang của mình mà không cần đưa kiểu đó vào mã thực tế
Để thành thạo HTML/CSS nhanh chóng, hãy bắt đầu bằng cách nhân bản các trang webAi đó bắt đầu hành trình phát triển web của họ sẽ phải làm quen với HTML và CSS trong vài tuần [thậm chí vài tháng] trước khi họ có thể chuyển sang học lập trình đúng cách. Nhưng đó là cách tốt nhất để thực hành xây dựng các trang web? . Làm như vậy sẽ giúp bạn tiết kiệm thời gian và rắc rối khi tìm kiếm ý tưởng. Bạn sẽ có một sự tự tin lớn khi bạn xây dựng ngay cả phần tiêu đề hoặc phần điều hướng của trang web mà bạn đang sao chép
Cách tốt nhất để học — với một đối tác mã hóaTôi bắt đầu tự học lập trình và phát triển web. Mặc dù bạn có thể tự học được nhiều điều, nhưng làm việc với người khác vẫn tốt hơn. Sẽ có rất nhiều lần bạn gặp khó khăn với các lỗi, do có nhiều dòng mã bạn đã viết, bạn không thể xác định được. Một đôi mắt khác sẽ cứu bạn khỏi sự đau đớn như vậy. Tôi có cần phải nói nó vui hơn không? . Chúng tôi đã nhân bản trang chủ của các công ty nổi tiếng bao gồm Mint. com, Apple, Newsweek và TheNextWeb. Chúng tôi đã học được rất nhiều trên đường đi. Kỷ luật và tính nhất quán rất quan trọng để trở thành nhà phát triển web hoặc kỹ sư phần mềm có tay nghề cao. Có một đối tác có trách nhiệm giúp xây dựng hai đặc điểm đó
Tìm một cách có cấu trúc để học
Nếu bạn muốn trải qua một khóa đào tạo kỹ thuật phần mềm chuyên sâu, hãy truy cập Microverse. tổ chức. Nếu đây là lần đầu tiên bạn viết mã, hãy đăng ký khóa học trước nơi bạn sẽ học [MIỄN PHÍ] phát triển web và kỹ thuật phần mềm. Nếu bạn là người học nâng cao [bạn cảm thấy thoải mái với một số JavaScript hoặc bất kỳ ngôn ngữ lập trình nào khác] thì tôi sẽ đề xuất Chương trình theo dõi nhanh [bạn sẽ chỉ trả tiền sau khi hoàn thành chương trình và tìm được công việc kỹ sư phần mềm từ xa]