Skip to content

Dashboard

All activity

Showing 6,001-6,050 of 7,730 items.
@renovate
Admin 23/06/2021 12:50
Đối với HTML không gì là không thể!

Đối với ứng dụng web và di động thì việc tải lại một file là rất quan trọng như với nhiều nhu cầu khác nhau từ người sử dụng: đăng hình sản phầm, logo, tập tin thống kê... Và nhờ một chút sự trợ giúp từ Javascript thì nhà HTML cũng cung cấp cách tải 1 tệp lên trang web của bạn. Cùng nhau tìm hiểu ở bài viết này nhé! 1. Tải 1 file Chúng ta có thể dùng tag <input> và chọn định dạng...

HTML file upload
@renovate
Admin 23/06/2021 11:00
Create app covid-19 use Reactjs

Chào các bạn hôm nay mình sẽ chia sẻ với các bạn một app covid-19, để mọi người cùng tham khảo, tính năng của App này chỉ đơn giản là show số liệu về dịch Covid của các nước trên thế giới như: Số người tử vong, phục hồi, số người mắc bệnh và có biểu đồ biểu thị. Bạn sẽ học được? Cách triễn khai một cấu trúc thư mục đơn giản Call Api Làm việc với Reactjs basic Làm việc...

basic reactjs chartjs
@renovate
Admin 23/06/2021 09:50
Tìm hiểu về RxJS (P1)

RxJS là một trong những thư viện JavaScript khó học, nhưng cũng là một trong những thư viện bổ ích. Mình cũng không nhớ đã bao lần định tìm hiểu về nó xong cuối cùng lại không học nữa vì nó khá khó hiểu khi mới bắt đầu. Giờ mới có động lực để ngồi tìm hiểu lại. Ở bài viết này, chúng ta cùng tìm hiểu về RxJS thông qua các concept của nó nhé. 1. RxJS là gì? Có nhiều cách để định...

Rxjs
@renovate
Admin 23/06/2021 08:00
Điều hướng Pages trong Nextjs

1. Tạo nhanh Nextjs App Để tạo Nextjs App, mở terminal và vào thư mực bạn muốn tạo. Chạy dòng lệnh sau: npx create-next-app next-page-navigation Chạy môi trường dev. cd vào thư mục cd next-page-navigation Chạy dòng lệnh sau npm run dev Hãy xem nó hoạt động ổn chưa bằng cách vào http://localhost:3000 trên trình duyệt của bạn. 2. Cách tạo Pages trong Nextjs Trong Nextjs, một page là 1 React Component được export từ...

nextjs
@renovate
Admin 23/06/2021 02:10
Lotie - Gia vị cho chiếc web sinh động hơn

Lottie là một thư viện dành cho cả Android, iOS, Web và Windows phân tích cú pháp các hoạt ảnh Adobe After Effects được xuất dưới dạng json với Bodymovin và hiển thị chúng nguyên bản trên thiết bị di động và trên web. Nhưng mình làm web nên chỉ nói liên quan web thui nha. Có thể tạo và gửi các hình ảnh động đẹp mắt mà không cần dev hì hục code bục mặt nữa. Kiểu như mấy ảnh tung tăng này...

lotie animation json Lotie animation
@renovate
Admin 23/06/2021 02:00
Tìm hiểu cơ bản về TypeScript

Tìm hiểu cơ bản về TypeScript TypeScript được xem là một phiên bản nâng cao hơn của JavaScript vì nó được bổ xung thêm nhiều chức năng tiện lợi hơn. Điển hình mình muốn nói đến ở đây là Static Typing. Tính năng này giúp chúng ta có thể khai báo kiểu cho biến. Nhờ đó code viết bằng TypeScript dễ dự đoán hơn, và dễ debug hơn. Bài viết này mình xin trình bày một số khái niệm cơ bản trong...

Type và interface trong Typescript là gì Khai báo type cho function TypeScript căn bản khai báo type cho array khai báo type cho object
@renovate
Admin 22/06/2021 22:50
[AWS] Kết nối và dịch vụ mạng

Cơ sở hạ tầng toàn cầu của AWS Mình đã viết về cơ sở hạ tầng ở bài viết khái quát về AWS, xin các bạn vui lòng xem tại đây: https://viblo.asia/p/khai-quat-cac-khai-niem-cua-aws-oOVlYnkn58W#_iv-co-so-ha-tang-toan-cau-cua-aws-12 Cơ bản về VPC VPC là viết tắt của Virtual Private Cloud. Định nghĩa một cách đơn giản thì nó là một khu vực AWS cá nhân thuộc quyền kiếm soát của bạn. Ở đó bạn có thể đặt...

Amazon Web Services (AWS)
@renovate
Admin 22/06/2021 21:50
Variable Hoisting In Ruby

Bạn là một ruby developer, bạn đã làm việc với ruby đã nhiều năm hay nhiều dự án khác nhau, nhưng đã bao giờ bạn nghe thấy hay tìm hiểu về thuật ngữ "Hoisting" trong ruby bao giờ chưa ? Hôm nay mình và các bạn sẽ đi tìm hiểu về thuật ngữ "Hoisting" hay gọi cách khác là Variable hoisting in Ruby . Trước khi đi vào bài viết thì mình muốn chia sẻ một chút rằng, tại sao mình lại...

Ruby
@renovate
Admin 22/06/2021 21:20
Learning react-query

Today we will learn about a small react package to handle data fetching to make our life easier. React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze. Help you remove many lines of complicated and misunderstood code from your application and replace with just a handful of lines of React Query logic. Make your application more...

React react-query data fetching
@renovate
Admin 22/06/2021 21:10
Các lỗi thường gặp, cách khắc phục và tối ưu khi code CSS

Giới thiệu Các lỗi thường gặp và cách khắc phục Kết luận 1. Giới thiệu Ngày nay CSS được coi là một trong những cách dễ dàng và dễ tiếp cận nhất để tạo các trang web hiện đại, dụa trên các tiêu chuẩn, quá trình viết mã CSS đôi khi chúng ta vẫn còn mắc phải một số lỗi phổ biến. Vì vậy, chúng ta cần sửa những lỗi này để mang lại sự nhất quán hơn trong thiết kế web, cải...

HTML CSS SCSS
@renovate
Admin 22/06/2021 21:10
Từng bước học Vue2 Tập 16

Giới thiệu cơ bản về Vue 2 Xin chào lại là mình quay trở lại với series về Vue2 Tiếp tục với bài tập của tập 15, thì hôm trước mình đã giới thiệu với các bạn 1 bài tập xử lý form được kết hợp bởi Vue2 và Laravel. Hôm nay mình sẽ trích xuất nó thành 1 Class Form để có thể sử dụng đi sử dụng lại ở nhiều form mà chúng ta sẽ đỡ tốn công viết đi viết lại 1 đoạn xử lý nhé Đầu...

Vue2
@renovate
Admin 22/06/2021 21:10
Tìm hiểu i18n trong Nuxtjs

1. Khởi tạo project Các bạn có thể cài đặt qua npx: npx create-nuxt-app <project-name> Hoặc có thể sử dụng yarn: yarn create nuxt-app <project-name> Trong quá trình cài đặt sẽ hiển thị một số thông tin như là: name project, programing language, package manager, ... sẽ hỗ trợ cho dự án của bạn nhanh và thuận tiện hơn trong quá trình làm. 2. Cài đặt i18n Cài đặt npm hoặc yarn : npm install...

VueJS I18n nuxt.js
@renovate
Admin 22/06/2021 20:10
Scrum là gì?

Làm trong ngành phát triển phần mềm, nói đến Scrum chắc hẳn phần lớn ai cũng một hình dung nhất định về Scrum. Tuy nhiên, mỗi người có thể có một góc nhìn, một cách hiểu khác nhau. Ở đây, xin phép viết về Scrum một cách ngắn gọn theo góc nhìn của mình. Scrum Scrum là một khung làm việc (framework) dùng để phát triển sản phẩm hoặc giải quyết những vấn đề phức tạp. Ngày nay, với sự thay...

Agile scrum sprint daily meeting Scrum master
@renovate
Admin 22/06/2021 18:00
Giới thiệu về GraphQL

Là một developer chắc hẳn bạn không còn xa lạ gì với khái niệm Rest API. Những đã bao giờ bạn tìm hiểu những khó khă và hạn chế khi làm việc với Rest API chưa? Và có một tiêu chuẩn nào đó để xây dựng API ngoài Rest API không? Trong bài viết ngày hôm nay, mình sẽ giới thiệu đến các bạn một ngôn ngữ xây dựng API, đó là GraphQL. 1. GraphQL là gì? GraphQL là một API standard mới cung cấp một...

GraphQL API
@renovate
Admin 22/06/2021 18:00
Tìm hiểu về 12 Best Practices trong Node.js (P1)

Dù tuổi đời chỉ hơn 11 năm nhưng Node.js trở thành một trong những web frameworks được sử dụng phổ biến nhất trong thập kỉ. Node.js hiện nay được sử dụng rất đa dạng với những tính năng, ưu điểm của nó. Bài viết sẽ tìm hiểu về một số cách để sử dụng Node.js một cách hiệu quả nhất. Bài viết sẽ không giới thiệu về Node.js nữa mà hướng đến đối tượng các lập trình viên đã...

Node.js BestPractice
@renovate
Admin 22/06/2021 17:40
Cách deploy ứng dụng Laravel bằng Beanstalk trên AWS tích hợp CI/CD

Mở đầu : Chào anh em, chắc rằng việc Deploy một ứng dụng web lên cloud trở nên dễ dàng hơn khi càng ngày càng có nhiều công cụ hỗ trợ chúng ta phải không nào. AWS cung cấp khá nhiều Service từ A->Z, tận răng cho chúng ta thoải mái lựa chọn để phát triển và maintain ứng dụng web của mình. Hôm nay mình sẽ làm một bài lab cũng như Deploy luôn cái Product nho nhỏ dùng để lưu note online một cách...

aws deploy laravel
@renovate
Admin 22/06/2021 16:00
Tích hợp Elasticsearch và Kibana vào Docker-Compose

Giới thiệu Elasticsearch là công cụ tìm kiếm và phân tích phân tán, RESTful mã nguồn mở, được xây dựng trên Apache Lucene. Kibana là một nền tảng phân tích hiển thị dữ liệu từ Elasticsearch một cách trực quan dễ sử dụng . Kibana cũng là một công cụ mã nguồn mở miễn phí, cho tất cả mọi người sử dụng. Kibana cung cấp các tính năng cho người dùng quản lý như biểu đồ cột, biểu đồ...

Docker Compose Elasticsearch Kibana
@renovate
Admin 22/06/2021 15:20
So sánh Firebase và Firestore

Nếu bạn đã từng làm việc với NoSQL thì chắc hẳn đã từng nghe qua hoặc từng làm việc với Firestore/Firebase rồi nhỉ? Bài viết này sẽ giải thích sự khác nhau giữa Firebase và Firestore để mọi người có cái nhìn tổng quát về 2 dịch vụ này. Firebase - Nền tảng phát triển ứng dụng toàn diện của Google Firestore - Cơ sở dữ liệu có thể mở rộng NoSQL là một phần của Firebase Firebase là...

Firebase
@renovate
Admin 22/06/2021 14:20
The Graph - Google của Blockchain

Nhắc đến truy vấn data trên blockchain thì hẳn nhiều người sẽ nghĩ đến việc sử dụng Ether.js hoặc Web3.js để query logs trong quá khứ. Mình cũng vậy ban đầu mình cũng sử dụng query logs này, đối với những dữ liệu nhỏ và ít đệ quy lồng nhau thì nó khá là đơn giản và hiệu quả. Như khi vấp phải một lượng query lồng nhau và phực tạp thì mình đã mất rất nhiều thời gian và đôi khi còn...

Blockchain query Decentralized
@renovate
Admin 22/06/2021 14:10
Máy ảnh Canon G5X Mark II

https://kyma.vn/may-anh-canon-powershot-g5-x-mark-ii.html Canon PowerShot G5X Mark II là một chiếc máy ảnh nhỏ gọn cao cấp với cảm biến 1 inch, zoom 5x/24-120mm, kính ngắm bật lên, màn hình cảm ứng nghiêng, chụp nhanh và quay video 4K. Được công bố vào tháng 7 năm 2019, nó thay thế PowerShot G5X ba năm tuổi và điều chỉnh thiết kế của nó để trở nên gần gũi hơn với dòng RX100 phổ biến của Sony.

Máy ảnh Canon G5X Mark II Canon G5X Mark II
@renovate
Admin 22/06/2021 14:00
Phân biệt var, let và const trong Javascript

Tổng quan Là một người mới với JS, chắc hẳn nhiều bạn sẽ thấy thật khó hiểu về các từ khóa khai báo biến trong Js. Tại sao một ngôn ngữ khai báo biến không cần kiểu dữ liệu mà có nhiều từ khóa để dùng khai báo biến vậy ? Nội dung 1. Giống nhau var, let và const đều là những từ khóa dùng để khai báo biến trong Js. 2 Khác nhau 2.1 var var là từ khóa lâu đời nhất của Js. Đặc điểm khi...

JavaScript
@renovate
Admin 22/06/2021 12:30
Dùng Object Literals thay thế If-else và switch trong Javascript

Viết các điều kiện phức tạp trong JavaScript luôn có khả năng tạo ra một số mã khá lộn xộn. Danh sách dài các câu lệnh if / else hoặc các switch/case là cách chúng ta đã tiếp cận từ rất sớm. 1. Vấn đề Viết các điều kiện phức tạp trong Javascript luôn có khả năng làm cho code lộn xộn và khó đọc khó maintain. Khi có nhiều điều kiện object literals là cách dễ đọc nhất, hãy cùng tìm hiểu xem...

JavaScript Object Literals javascript tutorial
@renovate
Admin 22/06/2021 12:00
Is minimally invasive cardiac surgery considered open heart surgery?

The heart is one of the critical organs of the body. It is such a vital organ of the body that there can hardly be any replacement for this. It is only because of this organ that the person's health could be maintained, and the energy inside the person's body could be generated. With this thing the importance of heart it is also pertinent to mention that it can develop certain complications due to the passage of time or the bad Lifestyle habits of the people. Usually, people believe that...

heart surgery minimally invasive cardiac surgery heart surgeon minimally invasive heart surgery open heart surgery
@renovate
Admin 22/06/2021 10:40
Authentication API trong Laravel với JWT

Giới thiệu Ở bài viết này, mình sẽ giới thiệu cách dùng JWT để bảo vệ cho API của bạn. Vậy đầu tiên JWT là gì ? Về cơ bản JWT là một phương tiện đại diện cho các yêu cầu chuyển giao giữa hai bên Client – Server , các thông tin trong chuỗi JWT được định dạng bằng JSON . Cấu trúc của một JWT gồm 3 phần là header , phần payload và phần signature được ngăn cách bởi dấu . . Cài đặt...

API Authentication laravel
@renovate
Admin 22/06/2021 09:50
Cấu hình log cho Haproxy

Trong bài viết trước đã tìm hiểu cơ bản về cấu hình hệ thống cân bằng tải sử dụng HAproxy. Tại màn hình stats có thể xem các thông số cơ bản của các server. Tuy nhiên để theo dõi thông tin chi tiết về từng kết nối và yêu cầu, có thể ghi log ghi log của Haproxy với việc sử dụng một Syslog server như Rsyslog, Logstash, Fluend... Haproxy cung cấp log rất chi tiết với độ chính xác mili giây vầ tạo...

Load Balancing haproxy
@renovate
Admin 22/06/2021 09:50
Tìm hiểu về Load balancing server với HAproxy

Khái quát về HAproxy HAproxy là gì? HAproxy (Hight Available proxy) là ứng dụng cân bằng tải với khả năng mở rộng cao, được cài đặt cho những website chạy các ứng dụng dựa trên TCP và HTTP, được phát triển trên hệ điều hành Linux. Nó hỗ trợ chuyển mạch ngữ cảnh (content switching) cho phép người quản trị webiste có thể thiết đặt các luật chuyển mạch trong file cấu hình. HAproxy cũng hỗ trợ...

loadbalancing haproxy
@renovate
Admin 22/06/2021 09:20
Tìm hiểu về Monkey Testing (Phần 2)

1. Sự khác nhau giữa Fuzz Testing và Monkey Testing Về mặt kỹ thuật, thử nghiệm Monkey đề cập đến các hành động ngẫu nhiên được thực hiện trong khi thử nghiệm ứng dụng Kiểm tra Fuzz đề cập đến việc sử dụng dữ liệu ngẫu nhiên khi kiểm tra ứng dụng để xem liệu chúng có gặp lỗi không Đây là hai loại thử nghiệm khác nhau Tuy nhiên, trong một khoảng thời gian, các tên này đã được...

monkey testing
@renovate
Admin 22/06/2021 08:40
Giao thức HTTP/2 là gì? So sánh HTTP/1 và HTTP/2

Từ khi Internet ra đời, sự phát triển về các giao thức trao đổi thông tin và dữ liệu giữa các máy tính là điều tối cần thiết. HTTP (Hyper Text Transfer Protocol) chắc chắn sẽ là giao thức nổi tiếng nhất, trang web các bạn đang xem chính là sử dụng HTTP đấy. Giới thiệu giao thức HTTP HTTP ra đời vào năm 1989 bởi Timothy Berners-Lee. Đây là giao thức chuẩn để World Wide Web hoạt động, đóng vai trò...

http2 HTTP/1
@renovate
Admin 22/06/2021 08:20
API security: Giới thiệu một số vấn đề thường gặp (Part 2)

Lời mở đầu Xin chào, hôm nay chúng ta sẽ tiếp tục với bài viết lần trước, lần nãy sẽ là giới thiệu 5 vấn đề còn lại trong Top 10 OWASP API security. Phần đầu tiên chủ yếu là về Authentication và Authorization, vậy phần tiếp theo sẽ là gì đây, cùng tìm hiểu nhé. Mass Assignment Việc sử dụng các framework trong lập trình là điều vô cùng thiết thực, nó giúp ta tiết kiệm ra nhiều thời gian trong...

API security
@renovate
Admin 22/06/2021 08:20
React Native – Hướng dẫn làm việc với Polyline và Animated-Polyline trên Map

Vẽ đường đi trên bản đồ là một nghiệp vụ vô cùng quan trọng. Các ứng dụng gọi xe, giao hàng, đặt món ăn trên thị trường hiện nay, có thể kể đến Grab, Now, Baemin, Be… đều đang sử dụng chức năng này. Bài viết này sẽ hướng dẫn mọi người sử dụng React Native để vẽ đường đi trên bản đồ (Google Map) và tối ưu ứng dụng khi vẽ đường đi đó cùng với Animation (diễn...

React Native polyline animated-polyline
@renovate
Admin 22/06/2021 08:00
Tìm hiểu về Monkey Testing (Phần 1)

1. Monkey Testing là gì ? Monkey testing là một kỹ thuật được sử dụng trong kiểm thử phần mềm để kiểm tra ứng dụng hoặc sản phẩm bằng cách cung cấp dữ liệu ngẫu nhiên và quan sát xem hệ thống hoặc ứng dụng có gặp sự cố hoặc xuất hiện lỗi hay không. Monkey testing đôi khi còn được gọi là Fuzz Testing Trong Monkey testing, dữ liệu ngẫu nhiên được nhập vào ứng dụng để kiểm tra hành vi...

monkey testing
@renovate
Admin 22/06/2021 07:50
Sự khác nhau giữa compileSdkVersion và targetSdkVersion

Trong bài viết này, ta cùng tìm hiểu kĩ hơn về compileSdkVersion và targetSdkVersion trong file build.gradle nhé. Thông thường chúng ta sẽ cập nhật cả 2 giá trị API level này khi có phiên bản mới của Android SDK được phát hành. Nhưng tại sao việc này lại quan trọng? và tại sao lại có 2 giá trị này mặc dù chúng ta thường thiết lập cho chúng cùng một giá trị? Cả compileSdkVersion và targetSdkVersion đều...

Android compileSdkVersion targetSdkVersion
@renovate
Admin 22/06/2021 07:50
Giới thiệu về User Acceptance Test (UAT)

Bản gốc: 受け入れテスト(UAT)とは?実施の目的を観点別に紹介 Trong phát triển phần mềm, hoạt động test (kiểm thử) là một công đoạn quan trọng để đảm bảo chất lượng sản phẩm. Kiểm thử phần mềm có thể được chia thành bốn giai đoạn (cấp độ) sau Tùy theo mức độ chi tiết của đối tượng cần kiểm tra. Component Test (Unit Test) Integration Test System Test Acceptance Test Bài...

Acceptance Test
@renovate
Admin 22/06/2021 01:40
Dependencies Injection trong Android - Phần 4: Scopes với Dagger2

Lời giới thiệu Đã bao giờ bạn biết tới Singleton Design pattern chưa? Đôi lúc bạn chỉ muốn có một instance duy nhất trong toàn app vì những lí do sau: Nhiều khi một instance rất tốn nhiều bước để tạo và bạn không muốn tạo một instance mới, mà lại được quá nhiều chỗ trong app sử dụng, như là instance RetrofitService, instance JsonParser, instance OkHttpClient. Cho dù cả việc tạo mới đã có Dagger lo,...

Dependency Injection Android
@renovate
Admin 22/06/2021 00:20
Tìm hiểu Các kiến thức cơ bản về Rxjava

1. Rx là gì ? - Rx là một api cho lập trình không đồng bộ với các luồng có thể quan sát được - Rx là sự kết hợp của những ý tưởng tốt nhất về Observer pattern, Iterator pattern và functional programming. - RxJava cơ bản là một thư viện cung cấp các sự kiện không đồng bộ được phát triển theo Observer Pattern. - Để sử dụng được Rxjava 3 chúng ta thêm vào Gradle dependencies { implementation...

Android
@renovate
Admin 21/06/2021 23:30
Arel Sql

Giới thiệu Arel Sql là một sự trừu tượng hóa SQL và ActiveRecord sử dụng để build các query SQL, có thể trừu tượng hóa các phân đoạn của một câu truy vấn SQL bằng các phương thức Ruby, có thể tái sử dụng, giúp đơn giản hóa những câu truy vấn phức tạp, khó đọc hoặc khó suy luận. Cơ bản về Arel Mỗi model ActiveRecord đều có arel_table, để có thể get Arel::Table có 2 cách: my_table =...

RubyonRails
@renovate
Admin 21/06/2021 22:50
[P2] Flutter - Cở bản cho người mới nhập môn

Như bài trước mình cũng đã nói sơ về StatelessWidget và StatefulWidget thì hôm nay mình sẽ nói về vòng đời (LifeCycle) của StatefulWidget và StatelessWidget và không dài dòng như phần trước mình sẽ vào thẳng chủ đề chính. StatelessWidget Như bài trước StatelessWidget là 1 Widget tĩnh không có trạng thái (State) vì thế nó sẽ không chấp nhận có sự thay đổi bên trong nên vòng đời nó khá ngắn gọn như...

#AppMobile Flutter Fresher/new tester
@renovate
Admin 21/06/2021 22:10
Các thư viện React Hooks hữu ích

Có lẽ không ai làm việc với React mà chưa từng tiếp xúc với React Hooks. Hooks xuất hiện giúp các developer làm mọi thứ đều trở nên dễ dàng hơn, từ việc giúp các dòng code trở nên sạch sẽ và dễ đọc hơn, cho đến việc maintain và tái sử dụng tốt như nào. Hiện nay khi Hooks ngày càng phát triển thì đồng nghĩa với việc có rất nhiều thư viện cung cấp Hooks phát triển. Chúng ta sẽ cùng tìm...

React
@renovate
Admin 21/06/2021 22:00
Tìm hiểu ngôn ngữ lập trình Golang. Tại sao bạn nên học Golang vào bây giờ?

Golang là gì? Go is an open source programming language that makes it easy to build simple, reliable, and efficient software. Nguồn: trang chủ ngôn ngữ Go. Tạm dịch: Go là ngôn ngữ lập trình mã nguồn mở giúp xây dựng phần mềm dễ dành, tin cậy và hiệu quả. Go (tên gọi khác: Golang) còn được biết đến là một ngôn ngữ static typed, có thể hiểu rằng mọi thứ trong Go đều phải có kiểu dữ liệu, trái với các...

golang
@renovate
Admin 21/06/2021 22:00
Một số hàm hữu ích của MySQL

Giới thiệu Với anh em developer chúng ta, có rất nhiều cách để chúng ta có thể thao tác và xử lý với database, query để lấy được dữ liệu cần thiết rồi xử lý tiếp bằng ngôn ngữ lập trình, sử dụng các function mà thư viện backend chúng ta đang làm hỗ trợ,.... Nhưng có thể bạn chưa biết là MySQL cũng đã cung cấp cho chúng ta một số functión rất hữu ích để giúp chúng ta xử lý dữ liệu...

MySQL
@renovate
Admin 21/06/2021 21:30
Web/System Architecture 101 – Kiến trúc web/hệ thống cơ bản cho người mới

Đây là một kiến trúc cơ bản mà bất kì một người mới gia nhập backend không nên bỏ qua. Thật lòng mà nói, 200Lab thấy rằng nắm được các thành phần trong này và vận dụng hợp lý thì hệ thống đã rất ổn rồi. Bài chia sẻ được 200Lab tổng hợp, tự viết lại dựa trên kiến trúc được chia sẻ bởi StoryBlocks. 1. DNS Đầu tiên chúng ta cùng tìm hiểu DNS là gì? DNS là từ viết tắt của Domain...

Web Architecture System Architecture
@renovate
Admin 21/06/2021 21:30
Upload File từ Front-End đến Back-End – Rất nhiều bạn vẫn đang làm sai!!

1. Client encode file (base64) rồi gởi về backend 200Lab đã từng thấy nhiều bạn backend developer yêu cầu phía frontend làm như vậy. Cách này nhược điểm là xử lý rất nặng ở cả 2 phía. Vì frontend phải encode mà backend cũng phải decode. Trong cách này nếu backend không decode để tái tạo lại file mà lưu hết base64 string vào DB sẽ là một sai lầm rất nghiêm trọng. Khi ấy DB chúng ta rất nặng vì chứa cả...

frontend Backend upload file
@renovate
Admin 21/06/2021 21:20
Tối ưu ứng dụng với cấu trúc dữ liệu cơ bản

Ở Việt Nam có một nghịch lý ai cũng biết: hầu hết sinh viên ngành CNTT đều đã học cấu trúc dữ liệu và giải thuật, thuộc các môn bắt buộc. Thế nhưng lại rất hiếm khi ứng dụng vào công việc hoặc bị loại ngay từ vòng test thuật toán, dù độ khó không cao. Đây là một thực tế buồn. Rất nhiều công ty công nghệ yêu cầu ứng viên biết cấu trúc dữ liệu và giải thuật. Đa số sẽ dùng...

cấu trúc dữ liệu
@renovate
Admin 21/06/2021 21:20
Sự khác nhau giữa GET và POST trong HTML

GET và POST là hai kỹ thuật phổ biến để gửi dữ liệu đến server và browser cần chúng để giao tiếp với server. Hai phương thức này khác biệt ở chỗ phương thức GET thêm dữ liệu được mã hóa vào URI trong khi trong với phương thức POST, dữ liệu được nối vào phần body chứ không phải URI. Ngoài ra, phương thức GET được sử dụng để lấy dữ liệu. Ngược lại, phương thức POST được sử...

HTML HTTP
@renovate
Admin 21/06/2021 21:00
RxSwift: KVO - Key Value Observing

I. Khái niệm: Key Value Observing hay còn được gọi là KVO là một cơ chế cho phép một Object có thể nghe sự thay đổi của thuộc tính nằm trong đối tượng khác. KVO đặc biệt hữu dụng trong việc kết nối giữa model layer và controller layer (ví dụ như trong mô hình MVC). Controller object sẽ lắng nghe sự thay đổi của Model layer và View layer sẽ lắng nghe sự thay đổi của Controller layer. Một object có thể...

Swift iOS RxSwift KVO Key Value Observing
@renovate
Admin 21/06/2021 21:00
Cách thay đổi động theme trong Flutter

Làm thế nào để làm nó. Thông thường, ứng dụng của bạn trông giống như sau: void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new MyHomePage(title: 'Flutter Demo Home Page'), ); } } Nếu bạn muốn thay đổi chủ đề của ứng dụng...

Flutter Theme dark theme
@renovate
Admin 21/06/2021 20:40
Một số thói quen "xấu" nên tránh khi sử dụng CSS

1. Set margin/padding và reset chúng Ta rất hay thấy mọi người set margin, padding cho tất cả các elements rồi lại reset chúng cho thằng đầu tiên hoặc cuối cùng. Tại sao phải sử dụng 2 lần set trong khi chúng ta có thể dễ dàng thực hiện nó cùng một lúc. Sử dụng một trong những cách đơn giản, ngắn hơn như: nth-child hoặc nth-of-type selectors :not() pseudo-class + : bộ tổ hợp anh/chị/em liền kề Bad .item...

SCSS
@renovate
Admin 21/06/2021 20:30
7 Cách viết code React "clean" hơn

Mở đầu Là nhà phát triển React, tất cả chúng ta đều muốn viết code sạch hơn, đơn giản hơn và dễ đọc hơn. Trong bài này, chúng ta hãy cùng xem xét 7 cách mà bạn có thể bắt đầu viết code React sạch hơn để giúp việc xây dựng các dự án React và xem lại code của bạn dễ dàng hơn nhiều. 1. Sử dụng JSX shorthands Làm cách nào để bạn truyền giá trị true đến prop cho trước ? Ví dụ dưới...

basic reactjs
@renovate
Admin 21/06/2021 20:30
[Node JS + React JS] - Phần 2 - Authentication server

Hôm nay chúng ta sẽ tiếp tục serie Node JS + React JS với chủ đề là authentication + authorization Hôm nay chúng ta cùng đi tìm hiểu hai khái niệm cơ bản là Authentication và Authorization, cũng như tìm hiểu về cách implement nó trong ứng dụng NodeJS sẽ như thế nào nhé (go) Giới thiệu Bài viết sẽ tập trung vào phía backend với các follow basic nhất như đăng ký, đăng nhập, cách trả về token cho client ... Ở...

React js Authentication May Fest Node js authorization
@renovate
Admin 21/06/2021 20:00
Does the uber clone script fit for entrepreneur companies?

Yes Definitely, The reason why entrepreneurs choose this uber clone script for their taxi business companies because it brings out customer satisfaction among the customer. Apart from this, usually, when you developed a script for a taxi business you need to learn, write, and testing the code. This takes a long time to developed efficient code. There will be no guarantee that the code will work or not. This makes you stress and you could not focus on developing your business. By using this...

Best Uber Clone uber clone app Uber clone uber clone app script
ProTip! The feed shows you events from people you follow and repositories you watch.
Subscribe to your news feed