Phát triển FrontEnd: CodePen hay Sublime Text?

CodePen hay văn bản siêu phàm?
CodePen hay Sublime Text? Nếu chúng ta nói về lập trình web, cái tên HTML, CSS và JavaScript là chúng ta nghĩ ngay đến. Có một số cách để đạt được điều đó. Cũng, nếu chúng ta mở một notepad, chúng ta có thể bắt đầu viết "html". Đúng là để xem kết quả của những gì bạn đang lập trình từ một pad, bạn sẽ cần một quy trình tốn nhiều công sức để nhận thấy sự tiến bộ.

Các trang web này là sân chơi chính của các nhà phát triển ứng dụng cho người dùng trong ngày. Để tìm hiểu thêm về những ưu điểm và nhược điểm của các chương trình này, chúng ta sẽ phân tích sâu trong bài viết này (ít nhất là mọi thứ chúng ta biết). Như tôi luôn nói, chắc chắn một số bạn ở đây biết chủ đề này nhiều hơn. Nếu vậy, hãy bình luận về mọi thứ thoát khỏi chúng tôi ở đây. Chúng tôi sẽ rất vui khi thảo luận!

Hôm nay chúng ta sẽ phân tích CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet và LiveWeave. Công cụ nào được biết đến nhiều nhất và được sử dụng nhiều nhất trong môi trường này. Tất nhiên còn nhiều hơn thế.

Nhưng đối với tất cả các bạn chưa biết FrontEnd hoặc BackEnd là gì, chúng ta hãy giải thích một chút. Giao diện hoặc giao diện Front-End là phần trực quan mà người dùng điều hướng sẽ có thể nhìn thấy trên web. BackEnd sẽ là phần mà quản trị viên trang web kiểm soát. Trong lập trình, nếu bạn nhập mã thông qua một công cụ hiển thị kết quả đồng thời, điều này sẽ được gọi là giao diện người dùng.

CodePen

Để có nhiều công cụ hoàn chỉnh nhất tất cả những gì chúng ta nói về. Được sử dụng như một công cụ web, thứ gần gũi nhất với cộng đồng để hiển thị tác phẩm của bạn. Một loại Youtube từ lập trình viên. Trong đó, bạn có thể xem công việc của các lập trình viên được liên kết với web và liên hệ với họ trong trường hợp bạn quan tâm, xem hồ sơ của họ, theo dõi họ trên mạng và thậm chí đăng ký kênh của họ để xem tất cả các dự án trong tương lai của họ.

Trình bày nội dung, hỗ trợ và các phím tắt

Bản trình bày CodePen là thú vị nhấtBởi vì chỉ với một vài cú nhấp chuột, bạn có thể làm việc thông qua quá trình ngay lập tức. Với các dòng html, css và javascript được phân tách rất tốt. Ngoài phần hình ảnh, bạn có thể xen kẽ lên xuống để thấy rõ sự tiến bộ của mình. Nhờ đó giúp phân biệt tốt từng ngôn ngữ. Một cái gì đó có ích cho các lập trình viên mới hơn.

Hỗ trợ web của bạn, làm cho nó dễ chịu hơn khi bạn muốn bắt đầu sử dụng thứ gì đó mà chúng tôi không thực sự biết rõ. Điều đó không có nghĩa là nó tốt hơn cho bạn, nó phụ thuộc vào nhu cầu của chúng tôi. Nhưng có, để tìm hiểu môi trường tốt hơn một chút trước khi cam kết cài đặt bất kỳ thứ gì trên máy tính "không rõ nguồn gốc".

Nếu bạn là một trong những người đã quen sử dụng casi hoàn toàn là bàn phím khi làm việc, CodePen sẽ rất tuyệt vời cho bạn. Các công cụ khác cần bổ sung để có thể sử dụng phím tắt để điền vào môi trường. Điều này làm cho công việc khó chịu hơn một chút (mặc dù chỉ hiệu quả như sau khi cài đặt). CP. Nó tích hợp như một hệ thống tiêu chuẩn sẽ khiến bạn điền vào các dòng mã lặp lại giống nhau, giống như nó có thể nằm trong danh sách. Bạn viết như thế nào bạn muốn danh sách xuất hiện và nhấp vào Tab.

Phiên bản Pro cũng cho phép nhiều tùy chọn hơn với mức giá € 9,00 cho gói cơ bản đến € 29,25 cho gói “Super”. Có thể cập nhật trong nhiều thiết bị đồng thời những gì chúng tôi làm trong một. Cũng là một chế độ hợp tác, một "chế độ giáo viên", v.v. Hưởng lợi nếu bạn muốn ở đây.

JSBin

JSBin là một công cụ mà chúng tôi có thể đủ điều kiện là trực tiếp. Vì khi bạn truy cập vào miền web của nó, nó sẽ sẵn sàng bắt đầu vẽ dự án tiếp theo của bạn mà không bị chậm trễ. Và mặc dù phần đầu tiên của nó không hấp dẫn lắm, nhưng nó rất thoải mái.

JSBin rất đơn giản, với cấu trúc cơ bản được tạo bằng html để không mất thời gian, bạn sẽ được xen kẽ giữa các ngôn ngữ khác nhau để hoàn thành công việc. Đầu tiên là HTML, sau đó là CSS, Javascript và cuối cùng là công việc của bạn một cách trực quan. Và mặc dù có vẻ khó hơn nhưng bạn sẽ có những kiểu phím tắt giống nhau mà không cần cài đặt gì cả. Trực tiếp từ trình duyệt.

Tuy nhiên, tôi thấy khó chịu hơn khi xem mã một cách chính xác, một khi nó bị ẩn do các cột tiếp theo. Vì, với máy tính xách tay, bạn phải từ bỏ hoặc từ bỏ trackpad và nó không trôi chảy.

Nó chỉ có hai lần trả góp, miễn phí hoặc trả phí. Điều này đắt hơn một chút so với CodePen, mặc dù nếu bạn trả nó hàng năm, nó sẽ có lợi hơn, nếu bạn có thể trả € 120.

CSSDeck

CSSDeck
Môi trường làm việc của CSSDeck khác với cái đã thấy ở trên. Chỉ được chia thành hai cột, mã trực quan, CSSDeck hoạt động với 3 hàng dưới đó nó phân chia các loại ngôn ngữ khác nhau. Với cách trình bày dưới dạng mạng xã hội và môi trường làm việc trong sáng hơn với màu sáng. Nó dường như là một công cụ đơn giản. Mặc dù đôi khi điều đó không có nghĩa là nó tiêu cực.

Với hơn sáu mươi nghìn người dùng đã đăng ký và hơn hai trăm năm mươi nghìn dự án được tạo ra, việc tìm kiếm và tìm kiếm những gì bạn muốn sẽ không khó. Ngôn ngữ như mọi khi, nếu nó có thể là một sự bất tiện cho những người không biết tiếng Anh, nhưng trong điều này mạng xã hội Hình ảnh rất quan trọng, vì vậy tôi không nghĩ đó là một thử thách lớn.

plunkr

plunkr nó là công cụ kém hấp dẫn nhất mà tôi đã sử dụng cho đến nay. Bản trình bày bị kết lại trong thông điệp và thiếu hình ảnh. Nội dung tải chậm và thoạt nhìn không hữu ích lắm. Ngoài ra, việc sắp xếp theo ngày làm cho bất kỳ lịch trình nào, dù đơn giản đến đâu, cũng có thể ở vị trí đầu tiên. Để xem điều gì đó thú vị hơn, bạn nên chuyển đến tab có nội dung: «Xem nhiều nhất«. Đó là, nếu bạn chưa dịch nó với Google trước đây.

Cũng nói rằng theo web, chúng ở phiên bản 1.0.0. Vì vậy, điều này giải thích một chút về thiết kế, trình bày và các lỗi có thể xảy ra mà bạn tìm thấy khi duyệt web.

Như một lợi thế, nếu bạn hết ý tưởng, bạn sẽ không phải rời hoặc mở một tab khác trong Plunkr, vì ngay từ thanh bên bên phải, bạn có thể xem các dự án khác và xem chúng ngay lập tức. Điều này sẽ giúp bạn dễ dàng thu thập các ý tưởng nhanh chóng và áp dụng chúng vào dự án của mình cùng một lúc.

vọc

vọc nó là một công cụ đơn giản, bạn vào và tạo. Mặc dù bạn có thể đăng ký và có tên người dùng của mình thông qua GitHub, nhưng nó không phải là thứ nổi bật nhiều trên web. Với nền có độ dốc từ vàng sang đỏ, trong phần hình ảnh và nền trắng trong phần mã (như bình thường), dự án Dabblet được trình bày, mặc dù bạn có thể thay đổi nó từ tab CSS. Đối với tôi, tốt hơn là để nó trống, vì gradient đó tất cả những gì mang lại là một chút cuộc sống a

Khi bạn đang chỉnh sửa, bạn có thể định cấu hình các tab bạn thấy một cách dễ dàng. Ngay cả khi bạn muốn chuyển sang cột hoặc hàng để xem thoải mái tùy thuộc vào người đang chỉnh sửa. Thay đổi kích thước phông chữ, lưu dưới dạng ẩn danh mà không cần đăng ký hoặc xác thực mã HTML là nhiều khả năng hơn mà Dabblet cung cấp thoạt nhìn. Mặc dù đây không phải là tùy chọn đầu tiên mà tôi sẽ chọn, nhưng có thể phải tính đến các phiên bản sau nếu chúng được cập nhật.

Một trong những điều tôi ít thích nhất, nhưng những lập trình viên giỏi có thể thích, đó là bạn không có tùy chọn để lập bảng cho một nhãn và để nó tự viết. Đó là, đặt HTML và nhấp vào tab và viết "html" và "/ html" tự động. Một cái gì đó mà trong các ứng dụng khác nếu nó được thực hiện.

LiveWeave

sống
LiveWeave Nó rất giống với những cái khác, nó không có gì mà những cái khác không thể cung cấp về tính hữu dụng. Những gì chúng tôi làm nổi bật về dự án này là thiết kế của nó, một màu tối tương tự như CodePen nhưng với sự phân bố vuông vắn. Có thể thay đổi kích thước nếm thử. Ngoài ra còn có chế độ rõ ràng và «ngoài dòng« nơi mã bạn chỉnh sửa sẽ không được hiển thị trực quan, cho đến khi bạn kích hoạt nó. Đây không phải là một tính năng mà bạn thấy rất hữu ích, với tư cách là một nhà thiết kế, điều quan trọng là phải luôn xem những gì bạn chỉnh sửa trong thời gian thực, nhưng chắc chắn ai đó sẽ thấy bạn có một số công dụng. Và mặc dù, như mọi khi, bạn có thể đăng ký, nhưng người dùng không có vai trò chính. Vì, ngay cả khi bạn không đăng ký, bạn có thể lưu dự án của mình.

Tiêu đề cao siêu

Công cụ này nó hoàn toàn khác với những gì bạn đã thấy cho đến nay trong phân tích. Sublime Text không phải là tài nguyên web mà là một ứng dụng. Một mặt, chắc chắn sẽ hữu ích hơn khi có nó trên máy tính để bàn. Đặc biệt là do sự cố internet có thể xảy ra hoặc bị đóng băng do quá nhiều và có thể mất việc. Mặt khác, nó không phải là một công cụ trực quan như những cái trước. Ngoài việc không có khả năng có một cộng đồng để chia sẻ các dự án.

Đây là mọi thứ từ đầu. Bạn phải tạo các tab để đặt các dòng mã và đổi tên chúng để biết đó là dòng nào. Nếu đầu tiên là HTML, CSS thứ hai .. hoặc ngược lại. Nó cũng không có phím tắt cho những gì nó sẽ là hoàn toàn thủ công, ngoại trừ phần trích dẫn.

Kết luận

Tất cả các chương trình đều tương tự nhau với một số điểm cá nhân nhất định của từng công ty dẫn đến có những ưu và khuyết điểm trong đó. Mỗi người sẽ chọn một cái phù hợp nhất với họ, khuyến nghị của tôi là sử dụng CodePen hoặc CSSDeck cho môi trường và mạng xã hội mà nó xử lý. Tuy nhiên, nếu bạn thích một cái khác, hãy để lại bình luận và giải thích lý do của bạn, chúng chắc chắn sẽ hữu ích.


Nội dung bài viết tuân thủ các nguyên tắc của chúng tôi về đạo đức biên tập. Để báo lỗi, hãy nhấp vào đây.

Hãy là người đầu tiên nhận xét

Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố.

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

bool (đúng)