Đề tài nghiên cứu về visual studio code và ứng dụng phát triển website

Phần 1 : Tìm hiểu về VSCode 1.Giới thiệu về VSCode 2.Những đặc điểm Của VSCode 3.Ưu điểm và nhược điểm VSCode 4.Ứng dụng thực tế để phát triển Website Phần 2 : Ứng dụng phát triển Websit

Học phần Công cụ phát triển phần mềm

Đề tài: Nghiên cứu về visual studio code và ứng dụng phát triển

website.

Phần 1 : Tìm hiểu về VSCode 1.Giới thiệu về VSCode 2.Những đặc điểm Của VSCode 3.Ưu điểm và nhược điểm VSCode 4.Ứng dụng thực tế để phát triển Website Phần 2 : Ứng dụng phát triển Website

1.Phân tích thiết kế hệ thống Website 2.Mẫu giao diện Website

Nội dung

1.Giới thiệu về VSCode

• Lịch sử phát triển

- VSCode được Microsoft công bố ngày 29-4-2015 tại hội nghị Build 2015.

- Một bản dựng xem trước đã phát hàng vào ngày 18-11-2015.

- VSCode được phát hành theo Giấy phép Expat và mã nguồn của nó được đăng lên GitHub.

Vào ngày 14-4-2016, VSCode đã hoàn thành giai đoạn xem trước công khai và được phát hành lên web

• VSCode là gì

- Là một trình biên tập lập trình code miễn phí dành cho Windows,Linux và macOS.

- Nó là sự kết hợp hoàn hảo giữa IDE và Code Editor.

- VSCode vẫn chỉ là một Code Editor nhưng độ hữu ích không kém IDE.

2.Độ phổ biến VSCode

Dù mới được phát hành trong khoảng 4-5 năm trở lại đây, VSCode đã trở thành một trong những Code Editor mạnh mẽ và phổ biến nhất dành cho lập trình viên Nhờ hỗ trợ nhiều ngôn ngữ lập trình phổ biến, đầy đủ tính năng và khả năng mở rộng,

nên VSCode trở nên cực kì thân thuộc và dễ sử dụng với bất kì lập trình viên nào.

VSCode chiếm ưu thế ở hầu hết các bảng xếp hạng về môi trường phát triển dành cho lập trình viên Trong Khảo sát của Stack Overflow năm 2019, VSCode được xếp hạng là môi trường phát triển phổ biến nhất với hơn 50% trong số hơn 90.000 người tham gia khảo sát Con số này của năm 2018 là 35% Điều này cho thấy “độ phủ

sóng” ngày càng lớn và sự hữu ích mà VSCode mang lại cho một lập trình viên.

3.Những ưu điểm làm cho VSCode nổi bật

o Giao diện đơn giản, gọn nhẹ, dễ sử dụng

⮚ Đặc điểm nổi bật của VSCode đối với người dùng lần đầu là đơn giản, gọn nhẹ, dễ dàng cài đặt File cài đặt của VSCode rất nhẹ, chỉ vài chục MB và cài đặt vô cùng nhanh chóng.

⮚ Sau khi cài đặt, giao diện của VSCode chỉ bao gồm một vùng soạn thảo, một statusbar, một sidebar với các lựa chọn Explorer, Search, Git, Debug và Extension

Nhìn thì đơn giản nhưng đây là những công cụ mà lập trình viên cho dù ở mảng nào cũng đều cần có.

o Hỗ trợ hầu hết các ngôn ngữ lập trình phổ biến:

o Kho extention khổng lồ

⮚ Vì là mã nguồn mở và xây dựng dựa trên Javascript nên việc hỗ trợ extension của VSCode là vô cùng đầy đủ và chi tiết Có thể nói VSCode là một trong những phần mềm có kho tiện ích mở rộng phong phú nhất với hàng ngàn extension với đủ loại như ngôn ngữ lập trình, theme, service,…

o Cộng đồng đông đảo, cập nhật thường xuyên

⮚ Với việc cải tiến và áp dụng các công nghệ mới, VSCode đã chứng minh cho người dùng thấy hiệu quả của mình Ngoài các lập trình viên, thì Testers, Data

Administrators và tất cả những ai quan tâm đến lập trình đều có thể sử dụng VSCode.

⮚ VSCode được cập nhật thường xuyên , trung bình một tháng sẽ có một bản cập nhật mới

4.Nhược điểm

⮚ Bộ nhớ và mức sử dụng pin của VSCode khá tệ

⮚ Không có git merge

⮚ Các phím tắt mặc định không có ý nghĩa và người dùng phải cấu hình hết tất cả

⮚ VSCode để tăng tốc nhanh, vì cấu hình và plugin cũng có thể sao chép nhanh chóng từ máy này sang máy khác.

6.Những tính năng mạnh mẽ của VSCode

Editor như một tính năng cơ bản là một lựa chọn đúng đắn. Git trên VSCode cung

cấp cho bạn những git action cơ bản như commit code, pull, push,… Và qua từng

phiên bản thì việc hỗ trợ Git càng đầy đủ.

o Debugger  Một trong những tính năng chính của VSCode chính là khả năng hỗ trợ debug tuyệt vời. Theo mặc định, VSCode chỉ kèm theo trình Debug hỗ trợ NodeJS Nhưng tất

nhiên, một lần nữa, bạn cũng có thể cài thêm các extension để debug cho các ngôn ngữ khác

o Tích hợp Terminal 

Terminal là một chương trình giao diện cửa sổ dòng lệnh (command line interface). Cũng như Git, nhu cầu sử dụng terminal của lập trình viên là vô cùng

quan trọng Trên VSCode, bạn có thể mở một hoặc nhiều tab terminal tại thư mục

làm việc hiện tại, điều này làm tăng hiệu suất công việc lên rất nhiều đấy.

7 Ai là đối tượng nên sử dụng Visual Studio Code?

Với việc cải tiến và áp dụng các công nghệ mới, Visual Studio Code đã chứng minh

cho các lập trình viên thấy hiệu quả của mình Ngoài các Developers, thì Testers, Data Administrators và tất cả những ai quan tâm đến lập trình đều có thể sử dụng Visual Studio.

Phần 2: Ứng dụng phát triển Website 1.Phân tích thiết kế hệ thống

Biểu đồ UC tong quát

Xây dựng thành các gói UC như sau:

UC đăng kí, đăng nhập

UC mua hàng

Act Dang nhap

Act quản lý danh mục

Biểu đồ tuần tự của use case đăng nhập

ký