Blog Quản trị CNTT

Giải thích về lập trình chức năng JavaScript: Ứng dụng một phần và làm xoăn
Với việc áp dụng thư viện Redux JavaScript, chuỗi công cụ và tiện ích mở rộng cú pháp Lý do , và khung JavaScript chu kỳ , lập trình chức năng với JavaScript ngày càng trở nên phù hợp. Hai ý tưởng quan trọng có nguồn root từ suy nghĩ hàm là currying , biến một hàm của nhiều đối số thành một chuỗi các lệnh gọi hàm và ứng dụng từng phần , cố định giá trị của một số đối số của hàm mà không đánh giá đầy đủ hàm. Trong bài viết này, ta sẽ khám phá một số ví dụ về những ý tưởng này đang hoạt động, cũng như xác định một vài địa điểm mà chúng hiển thị có thể khiến bạn ngạc nhiên.
2019-12-12

Cách cạo trang web bằng Node.js
Web cạo là kỹ thuật extract dữ liệu từ các trang web. Dữ liệu này có thể được lưu trữ thêm trong database hoặc bất kỳ hệ thống lưu trữ nào khác để phân tích hoặc các mục đích sử dụng khác. Trong khi việc extract dữ liệu từ các trang web có thể được thực hiện theo cách thủ công, việc extract trang web thường đề cập đến một quy trình tự động.
2019-12-12

Cách hiển thị CSS trên server ứng dụng React
2019-12-12

Cách phát triển một trình tải lên tệp tương tác với JavaScript và Canvas
Ta có thể thực hiện các tương tác trên một trang web hoặc ứng dụng web tốt hay thú vị đến mức nào? Sự thật là hầu hết có thể tốt hơn ta ngày nay. Ví dụ, ai sẽ không muốn sử dụng một ứng dụng như thế này:
2019-12-12

Cách tạo một ứng dụng lập hóa đơn đơn giản với node: database và API
Để được thanh toán cho hàng hóa và dịch vụ được cung cấp, doanh nghiệp cần gửi hóa đơn cho khách hàng thông báo về những dịch vụ mà họ sẽ bị tính phí. Hồi đó, người ta có hóa đơn giấy mà họ đưa cho khách hàng khi họ liên hệ mua dịch vụ của họ. Với sự ra đời và tiến bộ của công nghệ, giờ đây mọi người đã có thể gửi hóa đơn điện tử cho khách hàng của bạn .
2019-12-12

Cách tạo hoạt ảnh cho các phần tử dọc theo đường dẫn SVG với Thư viện PathSlider
Phần tử path của SVG được dùng để tạo hoạt ảnh sáng tạo cho giao diện user của trang web hoặc ứng dụng web của bạn. Trong hướng dẫn này, ta sẽ chỉ cho bạn cách cài đặt HTML, CSS và JavaScript để di chuyển các phần tử dọc theo path SVG bằng cách sử dụng thư viện PathSlider . Theo toàn bộ hướng dẫn, bạn sẽ phát triển các thanh trượt di chuyển từ vị trí này sang vị trí khác bằng cách sử dụng thư viện này.
2019-12-12

JAMstack: Cái gì, tại sao và như thế nào
Phát triển web thường liên quan đến việc sử dụng các ngăn xếp phát triển khác nhau, bao gồm LAMP , ngăn xếp MEAN, ngăn xếp MERN, v.v. JAMstack là một ngăn xếp khác cung cấp một số lợi ích riêng cho các nhà phát triển. Bài viết này sẽ thảo luận về những lợi ích đó và một số định nghĩa và thuật ngữ chung để giới thiệu về JAMstack.
2019-12-12

Cách tạo ứng dụng "Hello World" với Koa
Express là một trong những framework Node.js phổ biến nhất hiện có. Koa là một khuôn khổ web mới được tạo bởi group đằng sau Express. Nó hướng đến một version hiện đại và tối giản hơn của Express. Một số đặc điểm của nó là hỗ trợ và phụ thuộc vào các tính năng JavaScript mới như trình tạo và async / await . Koa cũng không cung cấp bất kỳ phần mềm trung gian nào mặc dù nó có thể được mở rộng bằng cách sử dụng các plugin tùy chỉnh và hiện có.
2019-12-12

Cách tạo băng chuyền image danh mục đầu tư với các thanh trượt được đồng bộ hóa trên trang web
Khi tạo một trang web chuyên nghiệp, việc sử dụng băng chuyền hình ảnh để giới thiệu danh mục đầu tư của bạn sẽ hiển thị trải nghiệm của bạn với phát triển giao diện user một cách thú vị và sáng tạo. Hướng dẫn này sẽ hướng dẫn bạn các bước thiết yếu để tạo và tạo kiểu cho thành phần trang web này. Bạn sẽ viết HTML, tạo kiểu bằng CSS và sử dụng JavaScript để làm cho trang động. Bạn cũng sẽ sử dụng thư viện MomentumSlider để tạo hiệu ứng thanh trượt của bạn .
2019-12-12

Cách xây dựng blog với Vue, GraphQL và Apollo Client
2019-12-12

Cách tạo thành phần giao diện người dùng với React và Storybook
Trong bài viết trước, tôi đã giới thiệu về Storybook và cách sử dụng nó để tổ chức và xây dựng các thành phần JavaScript. Storybook là một thư viện giao diện user được dùng để ghi lại các thành phần. Trong bài viết này, tôi sẽ giải thích cách xây dựng một thành phần giao diện user tương tác bằng cách sử dụng React và Storybook. Ta sẽ tạo thành phần giao diện user bằng Storybook và React và ở phần cuối của hướng dẫn, ta sẽ triển khai storybook dưới dạng một ứng dụng độc lập để phục vụ như một hướng dẫn phong cách.
2019-12-12

Cách tạo ứng dụng phản ứng hoạt hình với React Spring
Hoạt ảnh thêm sức sống cho các ứng dụng của bạn và cải thiện trải nghiệm user tổng thể. React Spring là một gói hoạt ảnh sử dụng vật lý giống như mùa xuân trong các hoạt ảnh cốt lõi của nó để dễ dàng cấu hình. Các lò xo có tính tích lũy, nghĩa là chúng sẽ nhớ tất cả các giá trị được chuyển cho chúng.
2019-12-12

Bắt đầu với Svelte 3
Khi xây dựng các ứng dụng bằng JavaScript, hiệu suất cao và khả năng thâm nhập sẽ luôn là mấu chốt của các quyết định của các nhà phát triển phần mềm. Svelte là một khung thành phần hiệu suất cao cho mã mệnh lệnh.
2019-12-12

Đặt, giãn cách và mật độ trong CSS Grid
Điều phổ biến nhất bạn học được trong CSS Grid thường liên quan đến containers lưới và hơn là các mục lưới. Định nghĩa lưới chung được áp dụng cho containers lưới là đủ cho cấu trúc bố cục cơ bản. Tuy nhiên, khi bạn cần kiểm soát nhiều hơn nội dung của lưới, containers lưới sẽ bị hạn chế sử dụng.
2019-12-12

Cách tạo ứng dụng theo dõi sức khỏe với React, GraphQL và Okta
Trong hướng dẫn này, bạn sẽ xây dựng một ứng dụng theo dõi sức khỏe bằng cách sử dụng API GraphQL với khung công tác Vesper, TypeORM và MySQL làm database . Đây là các khung công tác Node và bạn sẽ sử dụng TypeScript cho ngôn ngữ này. Đối với ứng dụng client , bạn sẽ sử dụng React, reactstrap và Apollo Client để nói chuyện với API. Khi bạn có môi trường này hoạt động, bạn sẽ thêm xác thực user an toàn với Okta. Okta là một dịch vụ cloud cho phép các nhà phát triển tạo, chỉnh sửa và lưu trữ an toàn account user và dữ liệu account user , đồng thời kết nối chúng với một hoặc nhiều ứng dụng.
2019-12-12

Cách sử dụng Plugin Docker cho Visual Studio Code
Trong bài viết này, ta sẽ sử dụng Docker Plugin cho Visual Studio Code. Docker cho phép ta đóng gói các ứng dụng của bạn thành hình ảnh và chạy chúng dưới dạng containers trên bất kỳ nền tảng nào đã cài đặt Docker. Ta sẽ sử dụng plugin này với hai ngăn xếp nhà phát triển: Node.js và Go.
2019-12-12

Cách tạo Thư viện ảnh cuộn vô hạn với React và CSS Grid
Trong hướng dẫn này, ta sẽ sử dụng khung công tác React frontend Javascript và CSS Grid để xây dựng một thư viện ảnh cuộn vô hạn, sử dụng API Unsplash để nhúng các hình ảnh chụp. Sử dụng thử thách viết mã codepen từ Scotch.io làm cơ sở cho mã của ta , ta sẽ sử dụng React.js để xây dựng giao diện, Axios để thực hiện các yêu cầu HTTP và thư viện react-infinite-scroll để triển khai tính năng cuộn vô hạn.
2019-12-12

Sử dụng Thư viện React-Async để tìm nạp dữ liệu so sánh
Khi tìm nạp dữ liệu trong một ứng dụng JavaScript, async-await cho phép ta sử dụng lập trình đồng bộ bắt buộc để tìm nạp dữ liệu. Điều này nghĩa là mã của ta sẽ mô tả một cách ngụ ý cách chương trình sẽ hoạt động và sẽ hoạt động theo một chuỗi hoạt động duy nhất. Mặt khác, React là một thư viện xây dựng giao diện user một cách khai báo . Đây thường được coi là một phương pháp đối lập với lập trình mệnh lệnh, trong đó nhà phát triển mô tả những gì họ muốn chương trình làm, hơn là cách họ muốn nó hoạt động. Do đó, sự kết hợp giữa React và async-await dẫn đến một mô hình hỗn hợp trong đó ta có cả mã bắt buộc (để tìm nạp dữ liệu) và mã khai báo (cho cấu thành giao diện user ).
2019-12-12

Sử dụng Create React App v2 và TypeScript
Create React App v2 đã giới thiệu hỗ trợ TypeScript chính thức, cho phép user JavaScript sử dụng TypeScript với React front-end framework. TypeScript là một công cụ mạnh mẽ giúp viết mã an toàn hơn, tự tài liệu hóa, cho phép các nhà phát triển bắt lỗi nhanh hơn.
2019-12-12

Cách tạo biểu mẫu nhiều bước với giao diện người dùng React và ngữ nghĩa
Biểu mẫu là phương pháp tiêu chuẩn được sử dụng để thu thập thông tin đầu vào của user trên các ứng dụng web. Tuy nhiên, đôi khi ta có thể thu thập số lượng lớn có thể dẫn đến một biểu mẫu lớn với một số trường. Đây có thể là một khó khăn không chỉ cho user mà còn cho cả nhà phát triển vì họ sẽ phải điều chỉnh các trường này vào biểu mẫu theo cách trông vẫn hấp dẫn đối với user .
2019-12-12