Dự án mã nguồn mở html cho người mới bắt đầu
|
Nếu bạn là người mới bắt đầu viết mã và mới bắt đầu học HTML và CSS, bạn có thể tự hỏi mình có thể thực hiện những dự án thực hành nào để xây dựng danh mục đầu tư và trau dồi khả năng của mình. Bạn thậm chí có thể hỏi liệu bạn có thực sự có thể làm bất cứ điều gì chỉ với hai ngôn ngữ này hay không. Tin tốt là có rất nhiều loại dự án mà người mới bắt đầu có thể sử dụng để thực hành viết mã, xây dựng kỹ năng, học tập và thậm chí bắt đầu kiếm tiền Show
Trang web đầu tiên tôi xây dựng — dự án cuối cùng của chuỗi video bài học về nền tảng mã hóa trực tuyến — được tạo hoàn toàn bằng HTML và CSS. Mặc dù đó là một trang web tĩnh cơ bản dành cho một tiệm bánh giả sẽ không bao giờ được nhìn thấy hoặc lưu trữ ở bất kỳ đâu, nhưng tôi đã rất vui mừng Tôi đã tạo ra thứ gì đó chưa từng có trước đây, bằng cách sử dụng mã. Là một sinh viên chuyên ngành tiếng Anh, việc sử dụng ngôn ngữ theo cách hữu hình này là điều mới mẻ đối với tôi và những ngôn ngữ này đã giúp tôi có thể. Trải nghiệm này đã thúc đẩy tôi tiếp tục - Tôi vẫn đang học cho đến ngày hôm nay, ngay cả sau nhiều năm làm kỹ sư phần mềm Trong bài viết này, chúng tôi sẽ giới thiệu cách bạn cũng có thể sử dụng HTML và CSS để xây dựng dự án và khám phá ngành công nghệ, ngay cả khi bạn mới bắt đầu hành trình vào không gian công nghệ Mục lục Công nghệ có phù hợp với bạn không?Bạn sẽ học. Nghề công nghệ có phù hợp với bạn không Nghề công nghệ nào phù hợp với thế mạnh của bạn Bạn cần có những kỹ năng gì để đạt được mục tiêu của mình Tôi có thể xây dựng gì với HTML và CSS?HTML (Ngôn ngữ đánh dấu siêu văn bản) và CSS (Cascading Style Sheets) là nền tảng của trang web trong đó chúng cung cấp cấu trúc và kiểu dáng cho trang web. Với HTML, bạn có thể thêm các phần tử không tương tác như văn bản và hình ảnh cũng như bao gồm các phần tử tương tác như liên kết, nút và video CSS cho phép bạn tạo kiểu trang web và làm cho trang web phản hồi nhanh. Điều này có thể thực hiện được với các truy vấn phương tiện, được giới thiệu trong CSS3 (HTML đang ở lần lặp thứ năm, vì vậy bạn sẽ thấy nó được gọi là HTML5, trong khi CSS ở lần thứ ba. ) Kể từ khi bổ sung các truy vấn phương tiện, có thể kiểm tra chiều rộng và chiều cao của thiết bị hiện tại, cũng như hướng (ngang hoặc dọc). Điều đó có nghĩa là bạn có thể tạo một trang web phản hồi trên thiết bị di động chỉ bằng hai ngôn ngữ này Cũng có thể tạo hoạt ảnh bằng CSS bằng cách thay đổi dần các thuộc tính của phần tử. Và bạn thậm chí có thể tạo các hiệu ứng cuộn hào nhoáng (được gọi là "thị sai") Mặc dù làm việc với các dự án thực hành HTML và CSS có thể giúp bạn xây dựng các trang web đẹp mắt, nhưng đối với các trang web phức tạp hơn, rất có thể bạn sẽ muốn sử dụng JavaScript. Với JavaScript, bạn có thể tìm nạp dữ liệu từ cơ sở dữ liệu, xử lý các trạng thái khác nhau của ứng dụng và dễ dàng thêm các yếu tố tương tác như thanh trượt Tuy nhiên, vẫn còn RẤT NHIỀU điều bạn có thể làm. Hãy xem xét một số ý tưởng dự án tuyệt vời để thử 7 dự án HTML CSS tốt nhất cho người mới bắt đầuNếu bạn muốn học các kỹ năng HTML và CSS và bắt đầu kiếm tiền, đây là một số dự án thực hành tuyệt vời để giúp bạn bắt đầu 1. Xây dựng một danh mục đầu tư hoặc trang web cá nhân đơn giảnMột trang web đơn giản rất hữu ích để giới thiệu các dự án của bạn với các nhà tuyển dụng tiềm năng và để thực hành viết đánh dấu và tạo biểu định kiểu. Trình tạo trang web như WordPress hoặc Squarespace có thể giúp bạn bắt đầu — thậm chí bạn có thể thêm CSS tùy chỉnh để cá nhân hóa trang web và thử thách khả năng của mình 2. Làm cho sơ yếu lý lịch của bạn tương tácĐiều này cũng dành cho thương hiệu của riêng bạn — xây dựng một sơ yếu lý lịch tương tác từ đầu là một cách để cho bạn thấy kiến thức cơ bản của mình đồng thời làm cho sơ yếu lý lịch của bạn trở nên thú vị. Bài viết này trên dev. của Alvaro Montoro hướng dẫn bạn cách thực hiện việc này từ đầu đến cuối 3. Tạo một Bản tin EmailCó nhiều cơ hội việc làm tập trung vào xây dựng email yêu cầu kiến thức về HTML và CSS. Bạn có thể sử dụng dịch vụ bản tin email như MailChimp và tùy chỉnh thiết kế Dưới đây là một số ý tưởng về những email cần tạo để thực hành
Dưới đây là một số vai trò và công việc liên quan đến email tự do để tìm kiếm
4. Tạo một trang web đáp ứng tĩnhMọi người truy cập trang web từ nhiều thiết bị khác nhau, điều đó có nghĩa là họ đang xem nội dung trên các kích thước màn hình khác nhau. Một trang web phản hồi có nội dung được định dạng theo kích thước màn hình bằng truy vấn phương tiện CSS và HTML. Điều quan trọng là phải biết cách thực hiện việc này, vì vậy hãy sử dụng trang web cá nhân hoặc trang chủ, danh mục đầu tư hoặc trang web mô phỏng đó và làm cho nó hoạt động trên tất cả các kích thước khung nhìn khác nhau Dưới đây là một số ý tưởng về những trang web để thực hành
Dưới đây là một số ý tưởng về những cơ hội làm việc tự do cần tìm kiếm để tạo một trang web đáp ứng tĩnh
Đây cũng là cơ hội để học Flexbox để xây dựng hệ thống lưới dễ dàng thu gọn dựa trên kích thước màn hình 5. Xây dựng một hình thứcBiết cách đặt các điều khiển tương tác với nhau để tạo biểu mẫu cực kỳ hữu ích trong phát triển web. Bạn sử dụng các nút, đầu vào, biểu mẫu và các phần tử HTML để cho phép người dùng nhập liệu. Đây cũng là cơ hội để thể hiện kỹ năng UX và UI của bạn bằng cách làm cho biểu mẫu có thể truy cập được, đưa ra quyết định về văn bản trợ giúp giữ chỗ và tạo nhãn cho các trường biểu mẫu 6. Tạo hoạt ảnhMột phim hoạt hình? . Bạn có thể kiểm tra kiến thức CSS của mình bằng cách tạo các hình dạng và hoạt ảnh để chia nhỏ dữ liệu hoặc để làm cho trang web của bạn có cảm giác tương tác hơn. Ví dụ: bạn có thể sử dụng hoạt ảnh khi người dùng di chuột qua một phần tử Dưới đây là một số ý tưởng để tạo hoạt ảnh
7. Đóng góp cho một dự án mã nguồn mởNgay cả khi chỉ với hai ngôn ngữ này, bạn có thể đóng góp cho một dự án mã nguồn mở, đây là một cách tuyệt vời để có được trải nghiệm thực tế trong khi trau dồi kỹ năng của bạn. Để biết ý tưởng về cách bắt đầu, hãy tìm hiểu thêm tại đây. Cách đóng góp cho dự án mã nguồn mở đầu tiên của bạn Bạn có thể tìm các dự án để đóng góp trên các trang lưu trữ như GitHub Công nghệ có phù hợp với bạn không?Bạn sẽ học. Nghề công nghệ có phù hợp với bạn không Nghề công nghệ nào phù hợp với thế mạnh của bạn Bạn cần có những kỹ năng gì để đạt được mục tiêu của mình Tôi có thể thực hành ở đâu nữa?
Có rất nhiều nơi để học cách viết mã trực tuyến miễn phí. Khi bạn đã chân ướt chân ráo, hãy xem chương trình Break Into Tech toàn diện và được cá nhân hóa của Skillcrush. Đó là một chương trình giảng dạy từ 0 đến công việc dành cho những người mới bắt đầu hoàn toàn trong lĩnh vực công nghệ đang muốn bắt đầu một sự nghiệp mới, với các bước phát triển và thiết kế giao diện người dùng nhanh chóng Tôi có thể kiếm tiền chỉ bằng HTML và CSS không?Hãy xem câu hỏi tiếp theo có thể xuất hiện trong đầu bạn — liệu có thể thực sự bắt đầu kiếm tiền chỉ với hai kỹ năng cơ bản này không? Đúng. Bạn có thể không tìm thấy một danh sách đầy đủ các chức danh công việc, nhưng có thể tìm thấy công việc phù hợp với trình độ kỹ năng của bạn. Trên thực tế, những kỹ năng này, cùng với các kỹ năng khác của bạn như thiết kế hoặc tiếp thị, có thể là lối vào cho sự nghiệp của bạn trong lĩnh vực công nghệ, đặc biệt là khi bạn đã có một số dự án thực hành và bạn có thể học thêm nhiều ngôn ngữ khác khi bạn tiếp tục Tìm email xây dựng công việcMột cách để kiếm tiền là làm việc trên email. Không viết email - định dạng chúng, thiết kế chúng và mã hóa công việc của bạn Các cá nhân và tổ chức sử dụng các bản tin và chiến dịch email để giao tiếp với độc giả và/hoặc người dùng của họ. Những email này có thể được định dạng để phù hợp với một thương hiệu lớn hơn. Chúng cũng thường cần phản hồi nhanh, nghĩa là nội dung hoạt động và được định dạng độc đáo trên tất cả các thiết bị, bao gồm cả. điện thoại di động, máy tính để bàn và máy tính bảng ở mọi kích cỡ Với kiến thức của mình, bạn có thể đủ điều kiện để đăng ký các công việc Nhà phát triển Email HTML hoặc Chuyên gia Tiếp thị Email. Một con mắt tốt cho thiết kế web cũng hữu ích cho những vai trò này Tìm việc Bảo trì websiteCác nhóm cũng cần những người biết HTML và CSS để giữ cho các trang web được cập nhật và hoạt động trơn tru. Nếu bạn biết hai ngôn ngữ này, bạn sẽ có cơ hội tạo nội dung cho web, hỗ trợ quản lý dự án web và hỗ trợ hoạt động trơn tru của trang web Dưới đây là danh sách các chức danh công việc liên quan đến trang web mà kiến thức về hai ngôn ngữ này (và kinh nghiệm với các dự án thực hành ở trên) có ích
Ứng tuyển cho Công việc Lập trình viên Front End cấp mới bắt đầuViệc biết hai ngôn ngữ này mang đến cho bạn cơ hội đặt chân vào để tìm hiểu thêm về không gian công nghệ và phát triển bộ kỹ năng của bạn trong công việc, bao gồm khả năng tiếp cận các công việc giao diện người dùng cấp đầu vào hoặc công việc của nhà phát triển web cơ sở Ở những vị trí này, bạn sẽ học được nhiều điều hơn. Bạn sẽ phải học các ngôn ngữ lập trình (chẳng hạn như JavaScript) và có thể đóng góp nhiều hơn cho quá trình tạo và vận hành trang web và ứng dụng Những kỹ năng nào tôi nên học tiếp theo?Học tập là một phần không thể thiếu khi làm việc trong lĩnh vực công nghệ, cho dù đó là mở rộng hay đào sâu hơn vào khả năng hiện tại của bạn. Với ý nghĩ đó, có rất nhiều con đường khác nhau mà bạn có thể thực hiện sau khi đã quen làm việc với HTML và CSS (và thực hiện một số dự án. ) Một trong những khung được đặt tên độc đáo hơn hiện có - Sass - có thể là một cách hay để nâng cấp CSS của bạn. Sass là một ngôn ngữ mở rộng cho phép bạn viết các thuộc tính và sử dụng các quy tắc CSS đồng thời cho phép các biến và các khối có thể tái sử dụng. Đây là một cách tuyệt vời để tận dụng kiến thức hiện tại của bạn và tìm hiểu một số khái niệm lập trình cơ bản, chẳng hạn như sử dụng các biến Nếu bạn thực sự thích chọn màu sắc, phông chữ và bố cục trực quan cho các trang web trong khi viết đánh dấu và tạo biểu định kiểu, bạn có thể muốn tìm hiểu sâu hơn về thiết kế Giao diện người dùng (UI) Là nhà thiết kế giao diện người dùng, bạn xác định định dạng và phong cách của trang web, ứng dụng hoặc sản phẩm cũng như tác động đến cách dự án đó hoạt động đối với người dùng cuối. Học cách bố cục trang web trong các chương trình như Adobe Photoshop và tạo biểu tượng trong Illustrator là điểm khởi đầu tốt trong hành trình thiết kế của bạn Trải nghiệm người dùng hoặc thiết kế UX cũng có thể khiến bạn quan tâm. Trải nghiệm người dùng là phân đoạn thiết kế tập trung vào cách người dùng thực sự sử dụng sản phẩm và cảm nhận của họ về sản phẩm đó. Có một số loại vai trò khác nhau trong không gian UX Trong khi học HTML và CSS, nếu bạn phát hiện ra rằng bạn thích xem qua các dòng mã và viết mã thì học một ngôn ngữ lập trình như JavaScript hoặc Python có thể là bước tiếp theo của bạn. JavaScript năng động và mở rộng trong tiện ích của nó, đồng thời việc thêm nó vào nhóm công nghệ của bạn sẽ khiến bạn trở thành ứng cử viên sáng giá hơn cho các vai trò phát triển hơn. Python là một ngôn ngữ tuyệt vời để học nếu bạn quan tâm đến việc xây dựng các ứng dụng web hoặc tò mò về khoa học dữ liệu và máy học Chắc chắn có nhiều con đường khác nhau để có được khả năng công nghệ. Có HTML và CSS trong bộ công cụ công nghệ của bạn (cũng như các dự án thực hành HTML và CSS trong danh mục đầu tư của bạn), bạn đang trên con đường phát triển sự nghiệp trong lĩnh vực công nghệ Công nghệ có phù hợp với bạn không?Bạn sẽ học. Nghề công nghệ có phù hợp với bạn không Nghề công nghệ nào phù hợp với thế mạnh của bạn Bạn cần có những kỹ năng gì để đạt được mục tiêu của mình Kartha NeelyNeely Kartha mang niềm đam mê ngôn ngữ của mình vào sự nghiệp là một kỹ sư phần mềm và nhà văn. Cô có bảy năm kinh nghiệm trong ngành công nghệ với năm năm gần nhất là kỹ sư phần mềm. Khi cô ấy không viết mã hoặc viết lách, cô ấy say sưa xem các chương trình nhiều năm sau khi những người khác đã xem chúng và khám phá NYC từng quán cà phê một một số mở là gì8 dự án nguồn mở hàng đầu dành cho người mới bắt đầu nên thử vào năm 2023 . 30 giây mã Đóng góp đầu tiên Mô hình TensorFlow. Dự án cấp cao Zulip neovim iGraph. Khóa học máy học tốt nhất & Khóa học AI trực tuyến phế liệu Tôi có thể thực hành HTML ở đâu?Cách học HTML miễn phí . Codecademy có nhiều chương trình miễn phí cung cấp cho bạn những kỹ năng kỹ thuật cần thiết. . Tìm hiểu-HTML. org là một nguồn đáng tin cậy cho mọi thứ bạn cần biết về HTML. . General Assembly Dash là một trang web phổ biến để bắt đầu tìm hiểu những kiến thức cơ bản về HTML Tôi có thể tìm thấy mở tốt ở đâuCác dự án mã nguồn mở trên GitHub cần bạn trợ giúp. . thiên văn mãQL thứ tư Nunjucks giấy cói Làm cách nào tôi có thể thực hành các dự án HTML và CSS?7 Dự án nên thử ngay cả khi bạn chỉ biết HTML và CSS . Một trang tri ân. Ảnh chụp màn hình trang Tribute. . Một mẫu khảo sát. Biểu mẫu rất hữu ích trong việc thu thập dữ liệu trực tuyến. . Xây dựng trang đích sản phẩm. . Xây dựng một trang tài liệu kỹ thuật. . Xây dựng một trang web danh mục đầu tư cá nhân. . Google. trang com. . Google. com Trang kết quả tìm kiếm |
