
5 thực tế phổ biến mà bạn có thể dừng làm trong React
Tại thời điểm này, thật khó để cho rằng React là một trong những thư viện được yêu thích nhất trên thế giới. Có một số lượng rất lớn sự quan tâm trong React và các new dev đang bị ảnh hưởng vào nền tảng này vì phương pháp tiếp cận UI-first của nó. Và trong khi cả thư viện và toàn bộ hệ sinh thái ...

VietNam Mobile Day 2018 có gì hay ?
VietNam Mobile Day 2018 tổ chức ở Hà Nội từ hôm 15/06, cách đây đến cả tuần rồi mà giờ mới viết review có vẻ "hơi" muộn. Định bụng là chờ BTC gửi cho ít slide viết bài cho nó sinh động mà mãi ko thấy đâu đành bấm bụng viết tạm Tạ Quốc Bảo viết 18:03 ngày 12/08/2018

Các Mẹo Khi Viết CSS
Dưới đây là một số mẹo khi viết Css 1. Hiển Thị Ảnh: img.QRcode { image-rendering : pixelated ; } thuộc tính image-rendering rất hữu dụng trong việc hiển thị mà QR và các ảnh thumbnails trong việc chất lượng của ảnh 2. Sử dụng thuộc tính css với Safari 11+: @supports ( ...

Vẽ biểu đồ với Google Chart
Chào các bạn, biểu đồ thống kê là một phần khá là quan trọng của một trang web, nó giúp cho người dùng có một cái nhìn tổng quan về hoạt động của hệ thống. Hiện nay có khá nhiều thư viện JS hỗ trợ chúng ta trong việc vẽ biểu đồ như: ChartJS, HighchartsJS, Chartkick, Google Chart, .... Hôm nay ...

Một số lời khuyên về Model-View-Presenter trong Android
Có rất nhiều bài viết và ví dụ nói về cấu trúc MVP và có rất nhiều các cách để triển khai mô hình MVP khác nhau. Có một sự nỗ lực không ngừng bởi cộng đồng các dev để áp dụng mô hình này vào ứng dụng Android một cách tốt nhất có thể. Nếu bạn quyết định áp dụng mô hình này, bạn phải hiểu rằng bạn ...

[NodeJs][React] Học cách làm app bằng NodeJs với React (Phần 5)
Như ở các phần trước ta đã làm được việc tạo mới cũng như hiển thị danh sách các blogs, ở bài cuối này ta sẽ làm việc sửa đổi và xóa các bài viết. Thêm icon Để sửa bài viết thì việc đầu tiên ta thêm icon sửa bài viết và xóa cho phần list các bài viết ở phần trước. Trong đoạn view hiển thị ta ...

Take ScreenShot sử dụng Selenium WebDriver
1/ Mục đích: Evidence là một khái niệm rất quen thuộc trong lĩnh vực kiểm thử. Trong kiểm thử thủ công hay kể cả kiểm thử tự động, việc lấy evidence cũng vô cùng quan trọng, nó là bằng chứng xác minh những kết quả test trong testcase hoặc là trong các Bug ticket. Một cách để lấy evidence mà mọi ...

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 2)
Tốn mấy phút đọc: chưa tới 5 phút Level CSS sau khi đọc xong: tăng thêm 39% Hello anh em, mình tiếp tục trở lại với series về thủ thuật CSS đây. 1. Select Items Using Negative nth-child Chúng ta chỉ thường hay sử dụng nth-child để chọn các phần tử ở các vị trí như: ...

Css counter-increment
Các list danh sách trong html như ol, ul như chúng ta hay dùng thì có khả năng đánh số tự động. Tuy nhiên với các thuộc tính liên quan đến counter thì ta có thể làm được, không nhất thiết phải là một list mà là nhiều phần tử khác cũng có thể dùng được nữa. Ví du: < body > < ...

Sử dụng dynamic component loader trong Angular
Dynamic component loader là gì. Dynamic component loader là một phương pháp giúp ứng dụng có thể khởi tạo một component ngay tại runtime. Áp dụng thực tế Load Bootstrap modal bằng Dynamic component loader Mình sẽ lấy một ví dụ về việc load Bootstrap modal trong Angular. Việc sử dụng modal ...

Tự động thêm Vendor Prefix khi viết CSS trong Sublime Text
Vendor Prefix nghĩa là tiền tố hay là phần thêm vào phía trước các thuộc tính CSS3, giúp cho các trình duyệt khác nhau có thể hiểu được thuộc tính CSS3 đó. Ví dụ, thuộc tính transition trong CSS3 hiện tại cần phải viết đầy đủ như sau để các trình duyệt khác nhau có thể hiểu được. CSS code: ...

Các plugins cần thiết cho website sử dụng WordPress
WordPress là một trong những mã nguồn mở nổi tiếng và được sử dụng rộng rãi nhất hiện nay! Theo thống kê của https://w3techs.com/ thì hiện nay các hệ thống mã nguồn mở (CMS) được sử dụng chiếm tới 51.9% trên tổng số toàn bộ các website. Trong đó riêng WordPress chiếm tới 31.1% tổng số các website ...

Tạo một notification trong Android
Một notification là một thông điệp mà Android hiển thị bên ngoài giao diện ứng dụng của bạn để cung cấp cho người dùng lời nhắc, tin nhắn, hay bất kỳ thông tin gì từ ứng dụng của bạn. Người dùng có thể nhấn vào notification để mở ứng dụng, hoặc thực hiện một hành động trực tiếp trên notification ...

Cách xử lý video quảng cáo trên Youtube
Quảng cáo bằng video là một phương thức có hiệu quả để truyền đạt những ưu điểm của sản phẩm hay dịch vụ đến người sử dụng. Với phương thức quảng cáo trên truyền hình, tỉ lệ người xem khá cao nhưng đi kèm với nó lại là một khoản chi phí lớn. Đây chính là vấn đề đối với nhiều doanh nghiệp vừa và ...

HTTP/1 & HTTP/2 ( phần 1)
Trong bài viết này, chúng ta hãy cùng tìm hiểu HTTP/1 hoạt động như thế nào. Đây là loại kết nối được HTTP phiên bản đầu tiên sử dụng (1.0). Mỗi một HTTP request sẽ được hoàn thành trên chính kết nối của riêng nó, có nghĩa là quá trình bắt tay 3 bước (TCP three-hand-shaking) phải được thiết ...

Hàm trong Kotlin (2)
Hàm trong Kotlin (2) Tiếp tục chương 2 về Diving Deeper into functions, chúng ta sẽ tiếp tục tìm hiểu về Returns and Local Returns, Tail Recursion, Operator Overloading, Lambda Extensions, Invoking instances, Functional Constructs trong Kotlin. 5. Returns and Local Returns Cùng theo dõi ví ...

CSS Grid so với Flexbox — tôi nên chọn cái nào?
Mở đầu Một vài ngày trước, tôi đã đọc một bài viết về CSS Grid-system. Có vẻ như còn nhiều thứ để theo dõi hơn là chỉ xây dựng grids với Flexbox, những gì đang làm việc tốt cho công việc của tôi. Nhưng với tư cách là một Developer, bạn không bao giờ thực sự biết được thứ gì đó hữu ích cho đến khi ...

Wicked CSS – Một Animation Library mới trong Pure CSS3
Nhờ CSS3, bạn có thể xây dựng một số animation phá cách trên web. Chúng có thể hoạt động trên tất cả các trình duyệt và phần tử trang để kiểm soát các mục điều hướng, dropdown menu, tabs... Trong thực tế, bạn thậm chí có thể tạo ra các mã động bằng cách sử dụng các animation tools. Nhưng chúng ...

Hiệu chuyển trang mượt mà đơn giản với css3
Một website đơn với hiệu ứng chuyển trang giúp trang web di chuyển tới các nội dung khác nhau và chỉ trên một trang duy nhất đang là xu hướng được nhiều doanh nghiệp sử dụng. Với các trang web không có nhiều nội dung thì đây là sự lựa chọn đúng đắn nhất. Web Single Page thường được thiết kế linh ...

KOTLIN - FUNCTION
chào các bạn, ở bài trước https://viblo.asia/p/undefined-Az45bgzLKxY chúng ta đã tìm hiểu và kotlin basic, bài hôm này chúng ta sẽ về funtion trong kotlin, mời các bạn theo dõi. Function ở trong Kotlin được định nghĩa bằng từ khóa fun Java public String doSomething(String matter) { } ...