CODEPEN Tiếng anh là gì - trong Tiếng anh Dịch

• codepen

Ví dụ về việc sử dụng Codepen trong Tiếng việt và bản dịch của chúng sang Tiếng anh

Thử nó trên Codepen.
Try it on CodePen.

Codepen tự gọi mình là' sân chơi cho mặt trước của web'.
At CodePen. io, they describe themselves as a“playground for the front-end side of the web.”.

Làm thử trên CodePen.
Try it on CodePen.

Nếu bạn đang tìm kiếm cảm hứng về những gì có thể được xây dựng bằng CSS, hãy xem Codepen.
If you're looking for inspiration on what can be built using CSS as a major tool, check out Codepen.

Xem ví dụ trên CodePen.
Examples are on CodePen.

Nếu muốn dùng thử nhanh React, bạn có thể bắt đầu với demo“ Hello World” tương tác này trên Codepen.
If you want to try React quickly, you can start with this interactive“Hello World” demo on Codepen.

Như bạn thấy trong ví dụ CodePen, chúng ta có thể dùng phương thức hoặc thuộc tính ta muốn và nhận kết quả ta mong đợi.
As you can see in our CodePen example, we can now use the method or property we want and get the result we expect.

Bạn có thể xem demo trên codepen.
A demo can be seen on CodePen.

Không chỉ là nơi tham khảo, bạn có thể sử dụng Codepen vào mục đích lưu trữ các code markup của mình hoặc để chia sẻ cho người khác.
Not only as a reference, you can use Codepen for the purpose of storing your markup code or for sharing it with others.

Bạn có thể xem demo trên codepen.
You can view the source on CodePen.

Codepen của bảng điều khiển JavaScript kết nối với JavaScript lưu trong bút của bạn, bạn cũng có thể sử dụng nó để nhanh chóng kiểm tra JavaScript.
As Codepen's JavaScript console connects to the JavaScript saved in your pen, you can also use it to quickly test your JavaScript.

Bạn có thể xem demo trên codepen.
You can see a working demo on Codepen.

Chris Coyier, Alex Vazquez và Tim Sabat, những người đồng sáng lập CodePen, nói về những gì nó giống như điều hành một doanh nghiệp phần mềm web.
Chris Chris Coyier, Alex Vazquez, and Tim Sabat, the co-founders of CodePen talk about the ins and outs of running a web software business.

Bạn có thể tìm thêm một số ví dụ sống của tất cả những kiểu input này trong CodePen bên dưới.
You can find some living examples of all of these new input types in the CodePen below.

Lưu ý rằng, mặc dù nó hoạt động theo cách tương tự như Pen Editor, CodePen Project không thay thế cái sau mà nằm bên cạnh nó.
Note that, although it works in a similar way to the Pen Editor, CodePen Projects doesn't replace the latter but sits alongside it.

Một cách khác bạn có thể cung cấp bằng chứng về kỹ năng của bạn là bao gồm các liên kết đến porfolio của bạn, Github, CodePen hoặc blog.
Another way you can provide evidence of your skills is by including links to your portfolio, Github, CodePen, or blog.

Cho dù bạn đang nảy ý tưởng với các lập trình viên khác hoặc làm việc trong một dự án phát triển web, Codepen là một tài sản quý giá cho bộ công cụ của bạn.
Whether you are bouncing ideas off other programmers or working on a web development project, Codepen is a valuable asset for your toolkit.

Nhưng nếu bạn quan tâm đến chỉ có một hoặc hai trong số các tập tin, và muốn tải về chúng riêng rẽ, cũng sẽ có một tùy chọn như vậy trong Codepen.
But if you are interested in only one or two of those files, and want to download them individually, there's an option for that too in Codepen.

Codepen là một" môi trường phát triển xã hội" dành cho các nhà phát triển web, về cơ bản nó là một công cụ soạn thảo trực tuyến với các tính năng chia sẻ và cộng tác.
Codepen is a“social development environment” for web developers, which basically means it's an online editor with sharing and collaboration features.

Tất cả những gì đang được nói, bạn cũng có thể sao chép các mã như là, đặt nó vào phần HTML của 1 pen tại CodePen, và ngay lập tức nhìn thấy ảnh của bạn trên màn hình.
All that being said, you can also copy the code as is, place it into the HTML section of a pen over at CodePen, and instantly see your graphic on the screen.

Với CodePen Projects và môi trường phát triển tích hợp mới của họ, bạn có thể kéo và thả các tệp trang web của mình và sắp xếp trang web của mình khi bạn xây dựng nó.
With CodePen Projects and their new integrated development environment, you can drag and drop your website files and organize your site as you build it.

Chức năng addColor trong thành phần cha mẹ thực hiện như là một kết quả của sự kiện trên một thành phần con khác( không được hiển thị ở đây, nhưng trong CodePen).
The function_addColor in the parent component executes as a result of an event on another child component(not shown here, but in the CodePen).

Kể từ khi CodePen được thành lập vào năm 2012, họ đã phát triển thành cộng đồng trực tuyến lớn nhất để thử nghiệm và giới thiệu các đoạn mã của HTML, CSS và Javascript.
Since CodePen was founded in 2012, they have grown to be the largest online community for testing and showcasing code snippets of HTML, CSS, and Javascript.

Điều này dễ dàng hơn nhiều so với việc xây dựng các bản demo của riêng bạn trên CodePen vì bạn có thể xem toàn bộ màn hình và có quyền truy cập vào trình soạn thảo ngay trong trình duyệt.
This is much easier than building your own demos on CodePen because you can see the full screen and you have access to the editor right there in the browser.

Nó khác với một cloud IDE như CodePen bởi vì khi bạn tạo một cái gì đó trên CodePen, người khác có thể chỉnh sửa code của bạn, nhưng họ không thể lưu thay đổi trực tiếp.
It's different than a cloud IDE like CodePen because when you create something on CodePen someone else can edit and fork your pen, but they cannot save changes directly.

Nó cho phép bạn thử nghiệm các màu sắc khác nhau theo thời gian thực, thông qua việc tạo và áp dụng các bảng màu color palettes cho một môi trường Material Design mẫu, hoặc thông qua các component trong CodePen.
It allows you to experiment with color in real time, by creating and applying color palettes to a sample Material Design environment, or through components in CodePen.

Nếu bạn không muốn kết quả đầu ra mã của bạn trong Codepen bị làm mới lại trong khi đang nhập thì bạn có thể thoát khỏi tùy chọn“ Auto Update Preview”, và nhận được một nút” Run” thay thế.
If you are not a fan of the way the output of your code in Codepen keeps refreshing while you're typing, you can opt out of the“Auto Update Preview” option, and get a Run button instead.

Nếu không thích cách xuất code trong Codepen được tự động refresh trong khi bạn đang nhập thì bạn có thể lựa chọn tùy chọn" Auto Update Preview"( xem trước các cập nhật tự động) và chọn nút Run thay thế.
If you are not a fan of the way the output of your code in Codepen keeps refreshing while you're typing, you can opt out of the“Auto Update Preview” option, and get a Run button instead.

Được thành lập vào năm 2012 bởi Alex Vazquez, Tim Sabat và Chris Coyier, CodePen đã phát triển để trở thành cộng đồng lớn nhất và sống động nhất trên web để thử nghiệm và giới thiệu các đoạn mã HTML, CSS và JavaScript.
CodePen was created in 2012 by Alex Vazquez, Tim Sabat and Chris Coyier and has become one of the biggest and most vibrant internet community to test and present HTML, JavaScript and CSS parts of it.

Được thành lập vào năm 2012 bởi Alex Vazquez, Tim Sabat và Chris Coyier, CodePen đã phát triển để trở thành cộng đồng lớn nhất và sống động nhất trên web để thử nghiệm và giới thiệu các đoạn mã HTML, CSS và JavaScript.
Founded in 2012 by Alex Vazquez, Tim Sabat and Chris Coyier, CodePen has grown to become of the web's largest and liveliest communities for testing and showcasing HTML, CSS and JavaScript code snippets.