1. Chào Mừng Bạn Đến Với Hệ Thống Diễn Đàn Trường Thịnh Group!
    + Mỗi Tin Đăng Phải Có Tiêu Đề Khác Nhau
    + Mỗi Tin Rao Vặt Phải Có Nội Dung Khác Từ 30% Trở Lên
    + Chúng tôi có quyền Xóa, Sửa Bài viết Hoặc Banned Mà Không Cần Báo Trước Với Bất Kỳ Lý do gì

CodePen – Môi trường học tập tốt nhất cho Front-end developer

Thảo luận trong 'Dịch Vụ Mua Bán Máy In' bắt đầu bởi seotot003@, 9/4/19.

  1. seotot003@

    seotot003@ Member

    Tham gia ngày:
    9/11/17
    Bài viết:
    325
    Đã được thích:
    0
    Điểm thành tích:
    16
    Giới tính:
    Nữ
    Codepen là một trang web để thử nghiệm và giới thiệu các đoạn code HTML, CSS, JavaScript. Nó hoạt động như một chương trình soạn thảo trực tuyến và cung cấp môi trường học tập mở cho các thành viên. Nó được thành lập vào năm 2012 bởi full-stack developer Alex Vazquez, Tim Sabat và front-end developer Chris Coyier. CodePen là một trong những cộng đồng lớn nhất dành cho web designers và developers để giới thiệu các đoạn code với nhau, với ước tính 330.000 người dùng đã đăng ký và 16,9 triệu khách truy cập hàng tháng. (Địa chỉ truy cập: codepen.io)sửa máy in tận nơi quận bình chánh



    Sau đây là một số tính năng nổi bật của CodePen để giải thích tại sao đây lại là môi trường tốt nhất cho các developer.
    1. Tùy chọn CSS

    CodePen cung cấp một số tinh năng tuyệt vời để viết CSS nhanh hơn. Bạn có thể chọn Normalize.css hay reset.css vào trong CSS của mình một cách đơn giản.codepen

    Điều gì sẽ xảy ra khi bạn không chắc chắn về CSS techniques mình đang sử dụng? Đừng lo, CodePen có tích hợp CSSLint để kiểm tra code CSS của bạn và cảnh báo khi có lỗi.
    2. Tích hợp nhiều ngôn ngữ tiền xử lí của HTML, CSS và JavaScriptsửa máy in tận nơi quận hoc mon


    Codepen hỗ trợ rất nhiều ngôn ngữ tiền xử lí của HTML, Css và JavaScript. Đối với HTML, bạn có thể sử dụng HAML, Markdown, Slim hay thậm chí Jade. Đối với CSS thì là Sass và SCSS cũng như Less và stylus.

    codepen

    Trong JavaScript bạn có thể chọn Babel, TypeSciprt, CoffeeScript và LiveScript.
    3. Emmet và Vim Bindingsửa máy in tận nơi quận nhà bè


    Codepen là công cụ phát triển nhanh và mượt mà. Bạn có thể sử dụng các bộ công cụ như Emmet để giữ dự án tiếp tục. Trình soạn thảo Codepen cho phép bạn sử dụng Vim keys binding là phím tắt dòng lệnh. Kết hợp hai công cụ này với nhau có thể giúp công việc của bạn hoàn thành nhanh hơn.

    codepen

    4. Bộ sưu tập và tags

    Bạn có thể thêm tags vào vào Pens (mỗi dự án được gọi là pen) của bạn, sau đó có thể tìm thấy được. Tìm kiếm các tags như “Loader” và “Form” sẽ là các nguồn cảm hứng hữu ích cho bạn.

    codepen

    5. Các chế độ xem khác nhau

    CodePen có tổng cộng 8 chế độ xem khác nhau cho các Pen. Mỗi chế độ đều có lợi thế riêng.

    Editor view – Đây là chế độ xem mặc định cho chỉnh sửa Pen. Bạn có thể điều chỉnh kích thước của Code preview và chọn ngôn ngữ hiển thị.

    Details view – Chế độ này cho phép bạn xem thẻ tag của Pen, độ yêu thích, bình luận,… Chế độ này chứa hầu hết các tính năng xã hội cho CodePen.

    Full page view – Chế độ xem toàn màn hình. Chỉ để lại codepen footer

    Debug view – là chế độ xem màn hình nhưng với các tính năng bổ sung và loại bỏ footer để truy cập bảng điều khiển JavaScript dễ dàng hơn.
    6. CodePen Pro Views

    Nếu bạn đang dùng CodePen Pro, bạn có quyền truy cập nhiều chế độ xem hơn:

    Presentation Mode – cho phép thay đổi font chữ, màu sắc của trình soạn thảo, thay đổi kích thước xem,… mà vẫn giữ nguyên code.

    Live View – Khi bạn chỉnh sửa Pen của mình thì máy chủ sẽ tự động cập nhật code.

    Professor Mode – Chế độ cho phép mọi người xem code theo thời gian thực. Ngoài ra có thêm một cửa sổ chat để các giảng viên giúp đỡ.

    Collab Mode – cho phép nhiều người cùng viết một Pen, và có thêm cửa sổ chat giữa các thành viên.
    7. Viết blog

    Cho phép bạn chia sẻ các status như trên mọi mạng xã hội khác.

    codepen

    Bạn có thể viết bằng MarkDown và sử dụng các công cụ nhúng đặc biệt để nhúng Pen khi cần. Bạn có thể thêm CSS tùy chỉnh vào bài viết và các bản xem trước bài viết của bạn.
    8. Cộng đồng

    Các bạn có thể xem Pen của nhau, chia sẻ nhận xét và giúp đỡ nhau khi gặp khó khăn. Đây có lẽ là tính năng nổi bật nhất để đem CodePen trở thành nơi học tập tốt nhất cho các developer.

    codepen
    9. Cảm hứng

    Các Pen ấn tượng luôn được hiển thị trên trang chủ, cũng như các bài viết, bộ sưu tập tuyệt vời. Việc học tập qua các Pen ấy sẽ đem lại các ý tưởng tuyệt vời cho bạn cũng như giải quyết các khó khăn, cải thiện trình độ HTML, CSS và JavaScript.

    Trên đây là những lý do tuyệt vời để bạn đến với CodePen. Hãy tham gia nó và theo đuổi niềm đam mê của bạn!
     

Chia sẻ trang này