BÀI 01: THIẾT KẾ WEB ĐỘNG BẰNG CÔNG CỤ VISUAL STUDIO 2017 + MS SQL 2012 (PHẦN 1)

tuannd 17/11/2018 06:19

PHẦN 1: Hướng dẫn cài VS 2017 và tạo dự án (project) đầu tiên

Chào các bạn, hôm nay HGSOFT hướng dẫn bài đầu tiên của chương trình học thiết kế web động. Để các bạn tiện theo dõi nội dung bài, trước tiên cần làm rõ một vài khái niệm và thuật ngữ được sử dụng trong bài, các khái niệm và thuật ngữ này được sẽ được giải thích cô động, gần với thực tế để người đọc dễ hình dung nhất vì vậy nếu các bạn đọc ở đâu đó thấy các khái niệm hay giải thích khác cũng là bình thường nhe!

1. Web động là gì? web tĩnh là gì? web động và web tĩnh giống và khác nhau chỗ nào?

- Web tĩnh và web động đều là web site nhưng khác nhau ở chỗ:

+ Web tĩnh hiểu theo nghĩa người dùng thông thường chỉ là tập hợp những trang web (web page) được soạn thảo sẳn nội dung (giống như những tài liệu word). Hiểu theo nghĩa kỹ thuật một chút chỉ là những tài liệu html được thiết kế sẵn bằng chương trình thiết kế web. Người dùng (xem bằng chương trình duyệt web)chỉ có thể xem mà không chỉnh sửa nội dung được.

+ Web động hiểu theo người dùng thông thường là những trang web có thể tùy biến nội dung hiển thị bằng các thao tác thêm, xóa, sửa nội dung trên giao diện trình duyệt web. Hiểu theo nghĩa kỹ thuật là những trang web được thiết kế có thể tương tác với máy chủ để thực hiện yêu cầu của ngưởi sử dụng.

2. Tại sao phải cài VS 2017?

VS là công cụ để thiết kế giao diện cho web site và tạo chương trình tương tác với máy chủ tức là công cụ để lập trình front-end và back-end (xem thêm).

Phiên bản 2017 là phiên bản mới nhất được Microsoft phát hành ngày 7/3/2017.

3. VS 2017 có thể dùng để làm gì?

VS làm được rất nhiều ứng dụng như desktop, di động, web app (ứng dụng web) chạy trên nền tảng Microsoft... bằng các ngôn ngữ như C#, J#, Python... Cụ thể trong khóa học cơ bản này VS sẽ được dùng để tạo web app với ngôn ngữ lập trình C#

4. Hướng dẫn cài đặt VS 2017

4.1 yêu cầu hệ thống

Trước khi cài đặt, các bạn cần kiểm tra cấu hình của máy mình xem có tương thích với yêu cầu của VS 2017 không? nếu có tiếp tục xem những bước bên dưới. Nếu không các bạn có thể tìm một máy tính khác hoặc nâng cấp máy tính của mình hoặc đơn giản nhất là thuê máy chủ ảo (VPS) của HGSOFT để thực hành.

Cài được trên các hệ điều hành

Visual Studio 2017 cài được và chạy trên các hệ điều hành sau:

  • Windows 10 version 1507 hoặc cao hơn: Home, Professional, Education, and Enterprise (LTSC and S are not supported)
  • Windows Server 2016: Standard and Datacenter
  • Windows 8.1 (with Update 2919355): Core, Professional, and Enterprise
  • Windows Server 2012 R2 (with Update 2919355): Essentials, Standard, Datacenter
  • Windows 7 SP1 (with latest Windows Updates): Home Premium, Professional, Enterprise, Ultimate

Yêu cầu phần cứng

  • 1.8 GHz or faster processor. Dual-core or better recommended
  • 2 GB of RAM; 4 GB of RAM recommended (2.5 GB minimum if running on a virtual machine)
  • Hard disk space: đề nghị dung lượng ổ đĩa trước khi cài phải còn trống từ 40GB trở lên
  • Hard disk speed: ổ cứng thông thường hoặc SSD (đề nghị sử dụng SSD vì VS 2017 khá "nặng" nên cần ổ đĩa có tốc độ truy xuất cao)
  • Video card that supports a minimum display resolution of 720p (1280 by 720); Visual Studio will work best at a resolution of WXGA (1366 by 768) or higher.

Ngôn ngữ hỗ trợ

Visual Studio có thể sử dụng các ngôn ngữ như: English, Chinese (Simplified), Chinese (Traditional), Czech, French, German, Italian, Japanese, Korean, Polish, Portuguese (Brazil), Russian, Spanish, and Turkish.

4.2 Tải phần mềm về máy cần cài

Các bạn download VS 2017 professional tại địa chỉ https://hgsoft.vn/soft/vs_professional.zip

Chú ý đây là bản cài online của Microsoft nên khi cài VS máy tính của các bạn cần có kết nối Internet.

4.3 Các bước cài đặt VS 2017

Sau khi tải về và giải nén, các bạn click chạy tập tin vs_professional.exe sẽ thấy giao diện này. Bấm "Continue"

License Terms and Privacy Statement

Tiếp theo chọn thành phần muốn cài. Trong trường hợp này check vào "ASP.NET and web development"

Select a workload from the Visual Studio 2017 setup dialog

Check chọn tất cả .NET Framework 3.5  đến 4.6.2

Visual Studio 2017 - Install individual components

Chọn ngôn ngữ

Visual Studio 2017 - Install language packs

Chọn đường dẫn thư mục cài đặt

bấm "Install" để tiếp tục

Visual Studio 2017 - Change the installation location

4.4 tạo project đầu tiên

  • Sau khi cài thành công VS 2017, D_click icon bên dưới (trên desktop) để bắt đầu tạo project đầu tiên

  • Click File, sau đó click New Project.

  • Chọn các tùy chọn như hình

  • Project đầu tiên đã được tạo.

Đến đây các bạn đã cài đặt xong VS 2017 professional và tạo được project đầu tiên, kính mời các bạn đón xem phần 2 của bải 1 "Cài MSSQL 2012 và tạo cơ sở dữ liệu đầu tiên"

Mọi trao đổi các bạn xin comment trên facebook HGSOFT để trao đổi./.