Source Code

Bắt đầu 1 năm mới thường là lúc nhìn lại bản thân và đặt mục tiêu mới, và nếu bạn đang build các ứng dụng web trong hay ngoài công việc, thì mình có 7 đề mục tiêu mà bạn có thể xem xét. Những mục tiêu dễ đạt thành tựu này sẽ giúp bạn vào guồng tiếp cận tới việc phát triển web, đặt những xem xét cốt lõi về khả năng tiếp cận của nó. 7 “đầu mục” phấn đấu cho bạn sẽ nêu trong bài này: Nâng cấp lint của bạn bằng một plugin a11y Chọn một extension (tiện ích mở rộng) để thường xuyên kiểm tra code của bạn trên trình duyệt “Làm bạn” với trình đọc màn hình của bạn và học thêm ít nhất 3 kỹ năng Tạm ngưng dùng chuột/ trackpad một thời gian Kiểm tra các heading của bạn Làm quen với các thách thức do Single Page Applications đưa ra Thay đổi định nghĩa của bạn về việc “đã hoàn thành” 1. Tích hợp A11y-Linting vào dự án của bạn Nếu bạn đang làm việc về front-end, có thể bạn đã sử dụng ESLint trong dự án của mình rồi. Đây là công cụ tuyệt vời để đảm bảo các error thông thường được phát hiện sớm nhất có thể, và trước khi chúng được đưa ra vận hành. Các plugin bổ sung có thể tìm quét lỗi (lint) cho các vấn đề truy cập, và 1 trong những công cụ tốt là elsint-plugin-jsx-a11y . Điều này sẽ kiểm tra các vấn đề truy cập mà có thể được phát hiện bởi 1 linter, ví dụ: Đảm bảo form input có những nhãn (label) và ID thích hợp Thuộc tính ‘alt’ thích hợp cho các hình ảnh, bao gồm kiểm tra...

Dù bạn có dùng Instagram cho công việc hay giải trí thì nó vẫn là một công cụ tuyệt vời để kết nối bạn bè, khách hàng và cả người hâm mộ. Tuy vậy, quá trình tạo ra một tài khoảng với hàng trăm kết nối trở lên có thể sẽ rất tốn thời gian. Vì vậy mà bất kì tool nào có thể rút ngắn thời gian cũng đều trở nên vô cùng giá trị trong mắt người dùng. Hôm nay, tôi sẽ liệt kê ra 10 PHP Instagram scripts và widgets tốt nhất trên CodeCanyon , với những tính năng như tự động hóa function, giúp download hình ảnh và nhiều task khác nữa. Nextpost Instagram Automation tools sẽ là những trợ thủ vô cùng đắc lực giúp tiết kiệm rất nhiều thời gian cho người dùng. Trong đó, phải kể đến Nextpost Instagram . Trước hết, nó cho phép bạn quản lí một hoặc nhiều tài khoản khác nhau trong cùng một trang. Hơn nữa, Nextpost Instagram còn có thể xếp lịch đăng bài vô cùng tiện lợi. Phần mềm rất dễ cài đặt với thiết kế tập trung cho người dùng mobile. VTGram VTGram cũng là một tool cực kì tuyệt vời khác với nhiều tính năng hơn Nextpost. Với VTGram, người dùng có thể tự động đăng và chia sẻ photos, videos, status cũng như là câu truyện của mình lên tài khoản Instagram nhờ vào tính năng xếp lịch. Bạn cũng có thể dùng hashtags, vị trí và cả tên người dùng để tìm những bài mà bạn thích cũng như auto-like hoặc auto bình luận chỉ với một nút click. Đồng thời, VTGram cũng cho phép bạn tự động follow các người dùng dựa trên hashtag mà họ dùng, vị trí họ ở...

DevOps khá là hot vào lúc này! Có nhiều cơ hội làm việc đang nằm chờ các kỹ sư DevOps xuất sắc cùng chuyên gia trong năm 2020 và những năm tới. Đối với 1 người lập trình Java có kinh nghiệm và muốn trở thành 1 kỹ sư DevOps làm mình nghĩ mình đã đến đúng nơi rồi. Ưu điểm quan trọng nhất của DevOps là nó giúp mình cung cấp phần mềm tốt hơn và cung cấp nhiều quyền kiểm soát hơn đối với quy trình phát triển phần mềm và môi trường của bản thân với sự trợ giúp của các công cụ hiện đại và tự động hóa. Đó là lý do tại sao đề nghị cho các chuyên gia DevOps ngày càng tăng theo cấp số nhân. Nó còn là 1 trong những công việc có thu nhập cao bên cạnh chuyên gia Data Science và Machine learning. Các kỹ sư DevOps khắp nơi đang kiếm khoản $105,000 1 năm và trung bình $ 146,000 tại San Francisco, theo Glassdoor. Điều này làm mình nghĩ rằng nếu muốn tăng lương hay kiếm nhiều tiền hơn trong lúc bản thân còn phong độ kèm theo 1 công việc thú vị, nghiên cứu DevOps là 1 sự lựa chọn tốt. Trước đây, mình đã chia sẻ DevOps Developer RoadMap, thứ cung cấp hướng dẫn đầy đủ và tầm nhìn để trở thành 1 kỹ sư DevOps. Trong bài viết này, mình sẽ chia sẻ vài khóa học online mà bạn cần để trở thành 1 Kỹ sư DevOps. Ngày nay, việc tìm hiểu về các công cụ tích hợp liên tục như Jenkins và container như Docker ( Jenkins là gì? và Docker là gì? , hãy click vào đường link để tìm hiểu thêm nhé) cùng...

Khi Python ngày càng nhận được nhiều sự quan tâm của cộng đồng Data Science trong những năm gần đây, tôi đã muốn tổng hợp cho các data scientists và engineers những thư viện được sử dụng nhiều nhất, dựa trên kinh nghiệm làm việc của bản thân. Và vì tất cả các thư viên đều là nguồn mở, nên chúng tôi đã thêm các commits, số lượng các contributors và các chỉ số khác từ Github với vai trò là các chỉ số proxy thể hiện mức độ nổi tiếng của thư viện đó. 1. NumPy (Commits: 15980, Contributors: 522) Khi bắt đầu giải quyết task về khoa học bằng Python, tập hợp phần mềm được thiết kế riêng cho scientific computing trong Python sẽ không thể không hỗ trợ SciPy Stack của Python (đừng nhầm lẫn với thư viện SciPy – là 1 phần của stack này, và cộng đồng của stack này). Tuy nhiên, stack này khá rộng, có hơn cả tá thư viện trong nó và chúng ta thì lại muốn tập trung vào các core packages (đặc biệt là những packages quan trọng nhất). Package cơ bản nhất, khi computation stack về khoa học được xây dựng là NumPy (viết tắt của Numerical Python), cung cấp rất nhiều tính năng hữu ích cho các phần operations trong n-arrays & matrics trong Python. Thư viện này cung cấp khả năng vector hóa các vận hành về toán trong type array NumPy, giúp cải thiện hiệu suất và theo đó là tốc độ execution. Năm 2024 rồi, tình hình ngôn ngữ Python như thế nào? 2. SciPy (Commits: 17213, Contributors: 489) SciPy là 1 thư viện phần mềm cho engineering và khoa học. Một lần nữa bạn cần phải hiểu sự khác biệt giữa SciPy Stack và...

Front-end, như chúng ta đã biết, là bộ mặt của một web hay app, giao diện đẹp, bắt mắt sẽ dễ gây thiện cảm và thích thú với nhiều người hơn, developer chính là người sẽ tạo nên bộ mặt đó, nhưng việc đó là không dễ dàng. Là developer đã khổ rồi, 3 công cụ dưới đây sẽ khiến dân trong nghề “dễ thở” hơn trong việc tìm kiếm các giải pháp front-end cho mình. 1. Lunar Popup Đây là một thư viện cung cấp cho dev bộ popup, không những với thiết kế đẹp cực xịn mà còn có animation vô cùng mượt, và quan trọng nhất là hoàn toàn miễn phí. Cách sử dụng cực kỳ đơn giản, chỉ với 3 bước phía dưới, dev đã có thể sử dụng các source, design template và animation xịn xò, đẹp đẽ cho website của mình. Nhưng khoan, đừng vội mừng, các bạn sẽ hoang mang khi click nút download lại bị chuyển vào trang gumroad rồi sẽ tự thắc mắc “ủa sao kêu miễn phí mà giờ lại bắt mua?”. Đừng lo, chỉ cần nhập con số như hình phía dưới xong cứ mạnh mẽ nhấn nút “I want this” để download nha (các bạn cũng đừng hỏi mình lý do vì sao vì chính mình cũng không biết lý do. 9 dự án mới nhất giúp bạn thành trùm Frontend trong năm 2024 2. Fancy Border Radius Chắc ai cũng ám ảnh vụ vẽ sharp bằng CSS lắm, ngồi canh border-radius mất cả nửa ngày trời. Từ khi phát hiện ra cái tool này, mình hạnh phúc vô bờ bến, nắm kéo chỉnh chỉnh, vừa mắt thì copy paste thông số vào phần border-radius của CSS, không cần mất thời gian ngồi mò mẫm, canh chỉnh nữa,...

Để bắt đầu, mình sẽ khởi động bằng cách chuyển tất cả trích đoạn code trong bài viết này tới Jupyter Notebooks (1 nguồn mở cho phép bạn tạo và chia sẻ các live code, phương trình, hiệu ứng hình ảnh cũng như các văn bản, v..v..). Nếu bạn có hứng thú với các loại project như vầy, thì hãy tiếp tục tới the GitHub repo nhé. Mình sẽ rất trân trọng sự giúp đỡ này! Các Vấn đề thường gặp Trong phần này, chúng ta sẽ xem thử các kịch bản phổ biến khác nhau thường phát sinh và làm thế nào để giải quyết chúng với code Python. Đặc biệt, mình sẽ chia sẻ qua lời giải thích ngắn gọn về vấn đề với 1 danh sách các giải pháp với code Python. Sau đó, mình sẽ link tất cả các nguồn tài nguyên mà mình có. Tìm việc làm python lương cao Đảo ngược Dictionary Đôi khi chúng ta có 1 dictionary trong tay, và muốn có thể nhảy tới đúng key và value của nó. Dĩ nhiên, có nhiều mối lo lắng như “làm cách nào để chúng ta có thể đối phó với các ‘clone value’?” và “sẽ ra sao nếu các value đang không ‘hashable’?”. Điều đó nói rằng, trong các trường hợp đơn giản, sẽ có vài cách hóa giải: # Use to invert dictionaries that have unique values my_inverted_dict = dict(map(reversed, my_dict.items())) # Use to invert dictionaries that have unique values my_inverted_dict = {value: key for key, value in my_dict.items()} # Use to invert dictionaries that have non-unique values from collections import defaultdict my_inverted_dict = defaultdict(list) {my_inverted_dict[v].append(k) for k, v in my_dict.items()} # Use to invert dictionaries that have non-unique values my_inverted_dict = dict() for key, value in my_dict.items(): my_inverted_dict.setdefault(value, list()).append(key) #...

Giới thiệu Chào anh em. Hôm nay mình xin chia sẻ về một hiệu ứng rất thú vị. Đó là Flying flag effect: Làm hiệu ứng lá cờ bay trong gió bằng JavaScript , HTML và CSS. Bắt tay vào làm nào! Bí kíp tạo ra một tokenizer về toán học bằng Javascript Cách làm hiệu ứng lá cờ bay trong gió bằng JavaScript Mình sẽ demo trên http://jsfiddle.net cho anh em dễ theo dõi nhé. Về phần HTML của effect rất đơn giản: <div class='flag'> </div> Còn đây là CSS: .flag { width:300px; height:200px; margin:50px; } .flag-element { -webkit-animation:oscill 1s ease-in-out infinite alternate; -moz-animation:oscill 1s ease-in-out infinite alternate; -ms-animation:oscill 1s ease-in-out infinite alternate; animation:oscill 1s ease-in-out infinite alternate; background: url('http://i.imgur.com/8VSL8Ve.gif'); background-size: 300px 100%; position:relative; height:100%; width:1px; display:inline-block; box-shadow:0 1px grey, 0 -1px gray; } @-webkit-keyframes oscill { 0% { top: 5%; } 100% { top: -5%; } } @-moz-keyframes oscill { 0% { top: 5%; } 100% { top: -5%; } } @-ms-keyframes oscill { 0% { top: 5%; } 100% { top: -5%; } } @keyframes oscill { 0% { top: 5%; } 100% { top: -5%; } } Cuối cùng, tuy ngắn nhưng rất quan trọng đó là JavaScript: var h = $('.flag').width(); for(var i = 0; i < h; i++){ var flagElement = $("<div class='flag-element'>"); flagElement.css('background-position', -i + "px 0"); flagElement.css('-webkit-animation-delay', i * 10 + 'ms'); flagElement.css('-moz-animation-delay', i * 10 + 'ms'); flagElement.css('-ms-animation-delay', i * 10 + 'ms'); flagElement.css('animation-delay', i * 10 + 'ms'); $('.flag').append(flagElement); } Và kết quả là: Kết Như vậy là mình đã hướng dẫn cách làm hiệu ứng là cờ bay trong gió bằng JavaScript . Rất dễ phải không các bạn. Chúc các bạn thành công và vui vẻ trong ngày Quốc Khánh nhé !! Đừng bỏ lỡ những bài viết...