Cách quản lý Python với Pyenv và Direnv
Cho dù bạn chỉ mới bắt đầu hay bạn là một nhà phát triển Python dày dạn, bạn có thể thấy việc quản lý môi trường Python của bạn thật tẻ nhạt và khó khăn. Quản lý các version Python, thư viện và các phụ thuộc khác nhau giống như chơi trò chơi ngẫu nhiên trong đó đối tượng không bị đánh bất kỳ trò chơi nào khác; nếu bạn làm vậy, xác suất xảy ra hiệu ứng xếp tầng của những hạt bụi bay khắp nơi mà bạn không muốn sẽ sớm xuất hiện.
2019-12-12
Cho dù bạn chỉ mới bắt đầu hay bạn là một nhà phát triển Python dày dạn, bạn có thể thấy việc quản lý môi trường Python của bạn thật tẻ nhạt và khó khăn. Quản lý các version Python, thư viện và các phụ thuộc khác nhau giống như chơi trò chơi ngẫu nhiên trong đó đối tượng không bị đánh bất kỳ trò chơi nào khác; nếu bạn làm vậy, xác suất xảy ra hiệu ứng xếp tầng của những hạt bụi bay khắp nơi mà bạn không muốn sẽ sớm xuất hiện.
2019-12-12
Cách thiết lập React bằng Webpack 4 và Babel 7
Một cách phổ biến để học React là sử dụng create-react-app , đây là một cách nhẹ nhàng để khởi động bất kỳ dự án React nào. Nhưng để đạt được một mục đích cụ thể, đôi khi cần phải cấu hình ứng dụng của bạn từ đầu. Trong hướng dẫn này, ta sẽ cài đặt React bằng cách sử dụng Webpack và Babel.
2019-12-12
Một cách phổ biến để học React là sử dụng create-react-app , đây là một cách nhẹ nhàng để khởi động bất kỳ dự án React nào. Nhưng để đạt được một mục đích cụ thể, đôi khi cần phải cấu hình ứng dụng của bạn từ đầu. Trong hướng dẫn này, ta sẽ cài đặt React bằng cách sử dụng Webpack và Babel.
2019-12-12
Giới thiệu về module ECMAScript mới trong Node v12
Nếu bạn đã quen thuộc với các framework frontend JavaScript phổ biến như React và Angular, thì khái niệm ECMAScript sẽ không hoàn toàn mới đối với bạn. Các module ES có cú pháp
2019-12-12
Nếu bạn đã quen thuộc với các framework frontend JavaScript phổ biến như React và Angular, thì khái niệm ECMAScript sẽ không hoàn toàn mới đối với bạn. Các module ES có cú pháp
import và export mà ta thường thấy trong các khuôn khổ giao diện user . ** Node sử dụng CommonJS dựa vào request require() để nhập. Bây giờ ta có thể sử dụng nhập và xuất trong Node ngoài require() . Đó không phải là tất cả những gì đi kèm với bản phát hành Node v12 mới, hãy nói về tất cả các tính năng thú vị mới mà ta có thể mong đợi.2019-12-12
Tạo một sử dụng tùy chỉnhFetch () React Hook
Một móc tùy chỉnh là một hàm JavaScript có quy ước đặt tên duy nhất yêu cầu tên hàm bắt đầu
2019-12-12
Một móc tùy chỉnh là một hàm JavaScript có quy ước đặt tên duy nhất yêu cầu tên hàm bắt đầu
use và có khả năng gọi các móc khác.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
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
Tìm hiểu API ngữ cảnh mới của React
Trong một thế giới có rất nhiều khung công tác front-end khác nhau, thật khó để biết nên chọn cái nào. Tôi có muốn sử dụng Angular đã từng phổ biến không? Hay việc đi sâu vào VueJS sẽ có lợi cho phạm vi kiến thức của tôi?
2019-12-12
Trong một thế giới có rất nhiều khung công tác front-end khác nhau, thật khó để biết nên chọn cái nào. Tôi có muốn sử dụng Angular đã từng phổ biến không? Hay việc đi sâu vào VueJS sẽ có lợi cho phạm vi kiến thức của tôi?
2019-12-12
Cách tạo ứng dụng chuyển văn bản thành giọng nói với API giọng nói trên web
Giả sử rằng bạn đã sử dụng một số ứng dụng trong nhiều năm, thì khả năng rất cao là bạn đã tương tác với các ứng dụng cung cấp một số dạng trải nghiệm giọng nói. Đó có thể là một ứng dụng có chức năng chuyển văn bản thành giọng nói, chẳng hạn như đọc to tin nhắn văn bản hoặc thông báo của bạn. Nó cũng có thể là một ứng dụng có chức năng nhận dạng giọng nói như Siri hoặc Trợ lý Google.
2019-12-12
Giả sử rằng bạn đã sử dụng một số ứng dụng trong nhiều năm, thì khả năng rất cao là bạn đã tương tác với các ứng dụng cung cấp một số dạng trải nghiệm giọng nói. Đó có thể là một ứng dụng có chức năng chuyển văn bản thành giọng nói, chẳng hạn như đọc to tin nhắn văn bản hoặc thông báo của bạn. Nó cũng có thể là một ứng dụng có chức năng nhận dạng giọng nói như Siri hoặc Trợ lý Google.
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
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
Cách thiết lập một dự án phản ứng với bưu kiện
Khi nói đến gói ứng dụng web, ParcelJS là một trình gói tương đối mới. Parcel tự mô tả mình là một gói ứng dụng web không cấu hình, nhanh như chớp.
2019-12-12
Khi nói đến gói ứng dụng web, ParcelJS là một trình gói tương đối mới. Parcel tự mô tả mình là một gói ứng dụng web không cấu hình, nhanh như chớp.
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
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 tạo một Telegram Bot với Laravel và BotMan
Các bot tự động là một cách để cung cấp dữ liệu tùy chỉnh cho user của bạn dựa trên yêu cầu của họ. Laravel và khung công tác Botman cung cấp các công cụ để tạo ra các bot hữu ích. Trong hướng dẫn này, bạn sẽ tạo một bot Telegram cho những người yêu chó bằng cách sử dụng Dog API và nó trông giống như sau:
2019-12-12
Các bot tự động là một cách để cung cấp dữ liệu tùy chỉnh cho user của bạn dựa trên yêu cầu của họ. Laravel và khung công tác Botman cung cấp các công cụ để tạo ra các bot hữu ích. Trong hướng dẫn này, bạn sẽ tạo một bot Telegram cho những người yêu chó bằng cách sử dụng Dog API và nó trông giống như sau:
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
2019-12-12
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
Cách xây dựng ứng dụng Recipe bằng React, Prisma và GraphQL
GraphQL đã trở nên phổ biến về mặt phát triển giao diện user do những lợi thế khác nhau mà nó mang lại so với các API REST . Tuy nhiên, việc cài đặt server GraphQL của bạn vừa dễ xảy ra lỗi vừa phức tạp. Do đó, các dịch vụ được quản lý như Prisma đã được thực hiện để quản lý server GraphQL của bạn, cho phép bạn tập trung vào việc phát triển ứng dụng của bạn .
2019-12-12
GraphQL đã trở nên phổ biến về mặt phát triển giao diện user do những lợi thế khác nhau mà nó mang lại so với các API REST . Tuy nhiên, việc cài đặt server GraphQL của bạn vừa dễ xảy ra lỗi vừa phức tạp. Do đó, các dịch vụ được quản lý như Prisma đã được thực hiện để quản lý server GraphQL của bạn, cho phép bạn tập trung vào việc phát triển ứng dụng của bạn .
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
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
Xác thực Django với Facebook, Instagram và LinkedIn
Đăng ký thủ công và đăng nhập vào account trực tuyến đôi khi có thể gây khó khăn. Các ứng dụng web hiện đại giải quyết vấn đề này thông qua xác thực xã hội, chủ yếu là một cách cho phép user đăng nhập (và đăng ký) ứng dụng bằng thông tin đăng nhập từ nhà cung cấp mạng xã hội mà họ đã có account .
2019-12-12
Đăng ký thủ công và đăng nhập vào account trực tuyến đôi khi có thể gây khó khăn. Các ứng dụng web hiện đại giải quyết vấn đề này thông qua xác thực xã hội, chủ yếu là một cách cho phép user đăng nhập (và đăng ký) ứng dụng bằng thông tin đăng nhập từ nhà cung cấp mạng xã hội mà họ đã có account .
2019-12-12
Cách sử dụng .every () và .some () để điều khiển mảng JavaScript
ES5 và ES6 đã mang lại nhiều thay đổi cho JavaScript, bao gồm các cách làm việc tốt hơn với tập hợp dữ liệu được biểu thị dưới dạng mảng. Trong khi ngôn ngữ này đã cải thiện đáng kể khả năng hỗ trợ thao tác dữ liệu khai báo trên mảng và nhiều trình duyệt hiện đại hỗ trợ chúng, chỉ một tập hợp con giới hạn các khả năng của mảng thường được sử dụng. Đặc biệt, các hàm
2019-12-12
ES5 và ES6 đã mang lại nhiều thay đổi cho JavaScript, bao gồm các cách làm việc tốt hơn với tập hợp dữ liệu được biểu thị dưới dạng mảng. Trong khi ngôn ngữ này đã cải thiện đáng kể khả năng hỗ trợ thao tác dữ liệu khai báo trên mảng và nhiều trình duyệt hiện đại hỗ trợ chúng, chỉ một tập hợp con giới hạn các khả năng của mảng thường được sử dụng. Đặc biệt, các hàm
.every() và .some() có thể cải thiện cách các nhà phát triển thao tác với các mảng và có khả năng mang lại cho họ hiệu suất tăng.2019-12-12
Cách tạo tài nguyên API hùng hồn cho Laravel để chuyển đổi mô hình thành JSON
Khi tạo API, ta thường cần làm việc với các kết quả database để lọc, diễn giải hoặc định dạng các giá trị sẽ được trả về trong phản hồi API. Các lớp tài nguyên API cho phép bạn chuyển đổi các mô hình và bộ sưu tập mô hình của bạn thành JSON, hoạt động như một lớp chuyển đổi dữ liệu giữa database và bộ điều khiển.
2019-12-12
Khi tạo API, ta thường cần làm việc với các kết quả database để lọc, diễn giải hoặc định dạng các giá trị sẽ được trả về trong phản hồi API. Các lớp tài nguyên API cho phép bạn chuyển đổi các mô hình và bộ sưu tập mô hình của bạn thành JSON, hoạt động như một lớp chuyển đổi dữ liệu giữa database và bộ điều khiển.
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
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
Làm sáng tỏ Vòng đời của Nhân viên Dịch vụ
Nhân viên dịch vụ đóng một role rất quan trọng trong Ứng dụng web tiến bộ (PWA), vì họ chịu trách nhiệm lưu vào bộ nhớ đệm offline , thông báo đẩy, đồng bộ hóa nền, v.v. Trong bài viết này, ta sẽ làm rõ vòng đời của nhân viên dịch vụ và những gì có thể được thực hiện ở mỗi giai đoạn của vòng đời.
2019-12-12
Nhân viên dịch vụ đóng một role rất quan trọng trong Ứng dụng web tiến bộ (PWA), vì họ chịu trách nhiệm lưu vào bộ nhớ đệm offline , thông báo đẩy, đồng bộ hóa nền, v.v. Trong bài viết này, ta sẽ làm rõ vòng đời của nhân viên dịch vụ và những gì có thể được thực hiện ở mỗi giai đoạn của vòng đời.
2019-12-12
Cách sử dụng xác thực biểu mẫu trong Vue
Hầu hết mọi ứng dụng web đều sử dụng biểu mẫu theo một cách nào đó, vì vậy các nhà phát triển luôn phải xử lý xác nhận biểu mẫu. Nếu bạn là một nhà phát triển mới, có thể khó quyết định cách tốt nhất để tiếp cận điều này. Tùy thuộc vào ngăn xếp bạn đang sử dụng, có nhiều tùy chọn để lựa chọn.
2019-12-12
Hầu hết mọi ứng dụng web đều sử dụng biểu mẫu theo một cách nào đó, vì vậy các nhà phát triển luôn phải xử lý xác nhận biểu mẫu. Nếu bạn là một nhà phát triển mới, có thể khó quyết định cách tốt nhất để tiếp cận điều này. Tùy thuộc vào ngăn xếp bạn đang sử dụng, có nhiều tùy chọn để lựa chọn.
2019-12-12
Cách giải quyết tắc nghẽn CSS quy mô lớn với ITCSS và BEM
Trên các dự án cơ sở mã giao diện user , các yêu cầu và đôi khi phạm vi có thể thay đổi thường xuyên. Khi các yêu cầu thay đổi và bạn điều chỉnh biểu định kiểu hoặc mở rộng kiểu của bộ chọn trong một trang cụ thể, những thay đổi đó thường ảnh hưởng đến các dạng xem khác có chung kiểu tương tự.
2019-12-12
Trên các dự án cơ sở mã giao diện user , các yêu cầu và đôi khi phạm vi có thể thay đổi thường xuyên. Khi các yêu cầu thay đổi và bạn điều chỉnh biểu định kiểu hoặc mở rộng kiểu của bộ chọn trong một trang cụ thể, những thay đổi đó thường ảnh hưởng đến các dạng xem khác có chung kiểu tương tự.
2019-12-12
