Tag Archives: chrome

Làm trò với Puppeteer – Phần 3: Bắt đầu testing với puppeteer

Bài viết gồm 3 phần

Trong phần này, mình sẽ hướng dẫn các bạn viết automation test trong NodeJS với Puppeteer và Jest. Chúng ta cùng thử viết test tìm kiếm hàng hoá trên lazada nhé.

Kiến thức của phần này tuy cô đọng, ngắn gọn nhưng cần khá nhiều kiến thức nền nên các bạn đọc lại những bài này để nhớ lại kiến thức lại nhé!

  1. Tổng quan về testing, unit test và automation test
  2. Viết Unit Test với C# (Giải thích vai trò của unit test trong việc làm code tốt hơn)
  3. Viết Unit Test với Jasmine (Giải thích các khái niệm hay gặp khi viết unit test)

Continue reading Làm trò với Puppeteer – Phần 3: Bắt đầu testing với puppeteer

Advertisements

Làm trò với Puppeteer – Phần 2: Cùng cào dữ liệu và vếu từ kênh 14

Bài viết gồm 3 phần:

Ở phần trước mình đã hướng dẫn cách cài đặt Puppeteer rồi nên phần này chúng ta bắt tay vào code ngay luôn cho nóng nha.

Hôm nay chúng ta sẽ tìm hiểu về API của Puppeteer, sau đó cùng nhau cào tin tức và vếu từ mương 14 nhé.

Continue reading Làm trò với Puppeteer – Phần 2: Cùng cào dữ liệu và vếu từ kênh 14

Làm trò với Puppeteer – Phần 1: Cùng tìm hiểu về Puppeteer và Headless Browser

Gần đây do đi làm phải code sml nên mình cũng hơi lười viết bài chuyên sâu về technical. Tuy vậy, mình cảm thấy lâu rồi không viết tutorial kĩ thuật nên hôm nay viết lại cho khỏi lụt nghề nhé.

Kì này, chúng ta sẽ cùng làm trò với thư viện Puppeteer của NodeJS, một thư viện cho phép chạy Chrome dưới chế độ headless browser.

Bài viết gồm 3 phần

Continue reading Làm trò với Puppeteer – Phần 1: Cùng tìm hiểu về Puppeteer và Headless Browser

Học English với gái xinh – Làm app hữu ích đâu có khó!

Độ vài tuần trước, mình vừa ra mắt Extension Học English với gái xinh trên Chrome Web Store. Nguyên nhân là sau vụ add-on ngắm bười, lộn, ngắm vếu (Em thèm vếu) hôm trước, mình chợt nhận ra rằng đa phần dân FA và dân dev rất máu gái….

Câu hỏi đặt ra là: Thay vì giải trí, liệu có thể dùng gái để dụ dỗ các thanh niên chăm chỉ học hành hay không?? Đáp áp là có! Add-on “Học English với gái xinh” ra đời từ đây.

Với add-on này, mỗi lần trả lời đúng từ vựng, bạn sẽ được ngắm hình gái (hàng xinh hàng tuyển nhé). Trả lời đúng nhiều câu liên tục, điểm càng cao thì độ nóng bỏng cũng sẽ tăng dần ahihi.

Các bạn có thể tải extension về dùng thử tại đây. Nhớ đánh giá ứng dụng 5 sao nhe.

Trong bài này, chúng ta cùng mổ xẻ kiến trúc và code của ứng dụng trên, các bạn có thể dựa theo đó để viết ứng dụng tương tự nhé.

Continue reading Học English với gái xinh – Làm app hữu ích đâu có khó!

“Em Thèm Vếu” – Từ ý tưởng đến sản phẩm chỉ trong 30 phút!

Gần đây mình có hơi phởn nên vừa viết ra một cái extension mang tên Em thèm vếu. Add-on giúp bạn ngắm vếu tưng tưng nẩy nẩy mọi lúc mọi nơi, chỉ với 1 cú click chuột (Mỗi lần ra một tấm khác nhau nên không lo bị trùng nha).

Ảnh demo add-on Em Thèm Vếu

Sau khi sử dụng add-on vài hôm, mình cảm thấy năng suất làm việc và khả năng tập trung bỗng cao hơn hẳn. Các bạn cứ thử dùng xem nhé =))).

Quá trình từ lúc có ý tưởng tới lúc làm ra sản phẩm chỉ mất khoảng 30 phút. Quá trình này có nhiều cái khá vui và thú vị nên mình sẽ chia sẻ  trong bài viết này nhé!

Continue reading “Em Thèm Vếu” – Từ ý tưởng đến sản phẩm chỉ trong 30 phút!

Sự “bá đạo” của Chrome Developer Tools – Phần 2

phần 1, mình đã giới thiệu với các bạn về chức năng cơ bản của các tab trong Chrome Developer Tools. Ở phần này, mình sẽ chia sẻ một số mánh khóe, chiêu trò hữu ích mà các bạn có thể áp dụng. Những chiêu này sẽ rất có ích khi code, debug, hoặc để lòe cấp trên và thành viên mới.

1. Mở nhanh file javascript

Với những dự án lớn, có hơn chục file css, js,… việc tìm mở file sẽ rất khó khăn. Chỉ cần mở Developer Tools, bấm tổ hợp Ctrl + P, những file cần tìm sẽ hiện ra đầy đủ, bạn chỉ việc chọn và ấn Enter.

1

Continue reading Sự “bá đạo” của Chrome Developer Tools – Phần 2

Sự “bá đạo” của Chrome Developer Tools – Phần 1

Với các bạn web developer, trình duyệt web là thứ chúng ta tiếp xúc nhiều nhất chỉ sau IDE. Chrome là một trình duyệt web được giới lập trình viên ưa chuộng vì nhanh, tiện lợi, và có bộ Developer Tools vô cùng mạnh mẽ. Bài viết này sẽ giới thiệu một số tính năng của bộ Developer Tools này.

Các bạn nào muốn theo nghiệp web developer nên đọc kĩ bài này nhé, vì bạn sẽ áp dụng những kiến thức này trong suốt quá trình làm việc đấy (Dù bạn có làm C#, Java, PHP, hễ có đụng tới front-end thì đều phải dùng Chrome Developer Tools cả).

Continue reading Sự “bá đạo” của Chrome Developer Tools – Phần 1