Là một nhà phát triển tự học, đây là câu chuyện của tôi về cách tôi học CSS. Tiêu đề có thể hơi in đậm nhưng tôi ước mình đã biết về phương pháp học CSS được đưa ra trong bài viết này khi tôi mới bắt đầu. Tôi hy vọng kinh nghiệm của tôi sẽ giúp bạn đẩy nhanh quá trình học tập
Tôi là ai? . Trong vài năm nay, tôi là một freelancer, nhà phát triển giao diện người dùng và Nhà sản xuất. Gần đây, tôi đã tạo ra hai sản phẩm. EazyCSS và Graha, và đây là hành trình học CSS của tôi và cách nó có thể tốt hơn
Câu chuyệnỞ trường đại học, tôi bị thị trường chứng khoán mê hoặc và cố gắng tạo ra một công cụ có thể dự đoán hành vi của thị trường chứng khoán dựa trên một vài điểm dữ liệu ngoài dữ liệu chứng khoán lịch sử, tại thời điểm này, tôi đã có một số kiến thức về python và máy học nhưng hoàn toàn không có giao diện người dùng. . Vì vậy, tôi đã xắn tay áo và bắt đầu học Javascript/CSS. Học Javascript xứng đáng có một bài viết riêng, trong bài viết này tôi chỉ tập trung vào CSS
Đầu tiên, tôi bắt đầu chuyển từ video youtube này sang video youtube khác về CSS, SAI LẦM LỚN. Tôi mất vài tuần để thoát ra khỏi vòng lặp này. Đừng hiểu sai ý tôi, có những kênh youtube CSS rất tốt [Những kênh yêu thích của tôi ở phía dưới], nhưng là người mới bắt đầu, thật khó để tìm đúng video mà tác giả nói từ vựng thân thiện với người mới bắt đầu, đặc biệt là
Tại thời điểm này, tôi đã xem khá nhiều video về CSS, nhưng nó đưa tôi đến một vị trí mà tôi không chắc liệu học CSS có phải là điều phù hợp để tôi làm với thời gian của mình hay không. Nhưng mục tiêu cuối cùng của tôi là tạo ra thứ gì đó mà tôi đam mê là động lực lớn đối với tôi
Gợi ý cho những người đang đọc bài viết này, Hãy nhận thức đầy đủ lý do tại sao bạn đang học và tập trung vào mục tiêu này để giữ cho mình có động lực
Tìm hiểu những điều cơ bản ít nhất là những điều quan trọng hơnSau rất nhiều lần bối rối, tôi đã quyết định rằng tôi nên học những điều cơ bản từ một tác giả. May mắn thay, tôi đã tìm thấy Udemy và mua một khóa học ~$10 về CSS. Khuyến nghị của tôi khi chọn một khóa học là luôn chọn một khóa học mà bạn hào hứng với kết quả, trong trường hợp của tôi là một trang đích rất thú vị
Vậy tôi đã hoàn thành khóa học chưa? . Wow, cảm giác thật tuyệt và tôi đã hoàn toàn dừng phần còn lại của khóa học. Vâng, tôi biết tôi đã bỏ lỡ một phần lớn kiến thức cơ bản khi bỏ qua một số video giải thích và các dự án khác trong khóa học
Cho đến thời điểm này, tôi không chắc việc bỏ qua kiến thức cơ bản của một thứ gì đó có phải là điều tốt hay không, nhưng tôi luôn làm thế với tất cả các ngôn ngữ lập trình mà tôi đã học, nhưng gần đây tôi đã đọc được dòng tweet này của Paul Graham
Là một nhà phát triển tự học, tôi hoàn toàn đồng ý với anh ấy. Tôi chỉ chọn những khái niệm cơ bản khi xây dựng sản phẩm và học phần còn lại trong quá trình này
Sau khi hoàn thành gần 70% khóa học, tôi chỉ muốn tạo landing page cho sản phẩm của mình nên bắt tay vào viết code ngay, lúc đó tôi nhận ra mình không thể viết CSS nếu không code hoặc trình độ của mình chưa đủ.
Vậy làm cách nào để thoát khỏi cảm giác này? . “Chỉ cần nhảy ngay vào. " Làm thế nào để tôi biết điều này? . Tôi đã làm rất nhiều dự án nhỏ chỉ để rèn luyện kỹ năng của mình để làm ra sản phẩm cuối cùng
Đây là một cuộc nói chuyện thú vị giữa Paul Graham và Mark Zuckerberg, trong đó Mark Zuckerberg giải thích việc anh ấy sợ nói trước công chúng và cách anh ấy vượt qua nó như thế nào. Theo tôi, lời khuyên của anh ấy cũng áp dụng cho việc học ngôn ngữ lập trình
Sau khi tôi quyết định làm các trang đích nhỏ trước trang đích sản phẩm của mình, tôi đã chuyển sang rê bóng. com và thử thách bản thân sao chép một bức ảnh thiết kế mỗi ngày, bắt đầu từ những bức ảnh rất đơn giản đến những bức ảnh trông lạ mắt trong 30 ngày liên tục
Bạn có thể hỏi tôi “Tôi không biết bắt đầu từ đâu khi xem một số ảnh thiết kế” gợi ý của tôi là chỉ tập trung vào một yếu tố như nút hoặc thanh tìm kiếm và tưởng tượng việc chia thành phần đó thành các thành phần thiết kế riêng lẻ chẳng hạn như màu sắc, . Nó có thể trông xấu nhưng không sao. Vấn đề không phải là kết quả, mà là tiến trình trong quan điểm của bạn để thích ứng từ ảnh chụp thiết kế sang cú pháp CSS
Cuối cùng, sau 30 ngày tìm kiếm và thực hành nghiêm ngặt, đến một thời điểm [~26 ngày], tôi đã thoải mái sao chép các bức ảnh thiết kế sang mã HTML/CSS, nó không hoàn hảo, nhưng vấn đề là tôi không sợ làm gì đó trong CSS
Sự kết luậnCác nguyên tắc cơ bản về CSS rất dễ bắt đầu nhưng sẽ cần thực hành để tìm hiểu cách sử dụng các thuộc tính đúng cách. Tôi hy vọng câu chuyện của tôi sẽ giúp ích trong hành trình học tập của bạn
Cắm không biết xấu hổ cho các sản phẩm của tôiEazyCSS — Tiện ích mở rộng trình duyệt cho phép bạn thay đổi bất kỳ thiết kế trang web nào một cách trực quan và nhận các thay đổi của bạn trong mã CSS. Trường hợp sử dụng
Graha — Công cụ cộng tác trang web trực tiếp theo thời gian thực đầu tiên, nơi các nhóm có thể chỉnh sửa văn bản trang web, thực hiện lặp lại thiết kế nhanh chóng với trình chỉnh sửa CSS được hỗ trợ bởi Sliders/AI của chúng tôi, thu thập phản hồi trực tiếp trên trang web trực tiếp và hoàn thiện thiết kế trang web trực tiếp nhanh hơn gấp 10 lần