sample-news-data.js

const NEWS_DATA = {"links":[{"body":"","id":988,"source":"medium.com","time":1540522920,"title":"Ứng dụng CSS variables để xây dựng tính năng dark theme","url":"https://medium.com/p/2796644ea1f2"},{"body":"<p>Dark theme, dark mode hay night mode,&#8230; là một tính năng khá thú vị. Mình hay chuyển theme (trình duyệt, IDE) về chế độ này. Vì đơn giản là trông nó có vẻ chuyên nghiệp và mang màu sắc bí ẩn &#8211; kiểu hacker ấy. Mà nói vậy chứ, thực ra mình để vậy cho đỡ chói mắt thôi. Không phải làm màu đâu nhé! À, thế bạn biết cách xây dựng nhiều theme cho một trang web không? Mình thì không chắc đâu. Nhưng sau khi tìm hiểu về CSS variable xong, mình đã nảy ra một ý tưởng. [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/tao-dark-theme-voi-css-variable/\">Tạo Dark Theme với CSS Variable</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":987,"source":"completejavascript.com","time":1540420240,"title":"Tạo Dark Theme với CSS Variable","url":"https://completejavascript.com/?p=2149"},{"body":"Kì này, mình sẽ chia sẻ về con đường sự nghiệp của một lập trình viên từ lúc mới ra trường đến khi đi làm nhé. Bài viết liên quan: Career Path cho developer. Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình &#8230; <a href=\"https://toidicodedao.com/2018/10/25/lightning-talk-ki-22-con-duong-phat-trien-career-path-su-nghiep-cua-lap-trinh-vien/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Lightning Talk Kì 22 &#8211; Con đường phát triển (career path) sự nghiệp của lập trình viên</span> <span class=\"meta-nav\">&#8594;</span></a>","id":986,"source":"toidicodedao.com","time":1540408815,"title":"Lightning Talk Kì 22 – Con đường phát triển (career path) sự nghiệp của lập trình viên","url":"http://toidicodedao.com/?p=6333"},{"body":"Gần đây, có vài bạn đang tự học về Cloud, nhờ mình giải thích một số khái niệm cơ bản trong Cloud Computing. Do sắp tới mình cũng sẽ viết series Cùng Học Cờ Lao &#8211; Tìm Hiểu Cloud Computing cùng Code Dạo, nên mình viết bài này để ôn lại kiến thức căn bản, &#8230; <a href=\"https://toidicodedao.com/2018/10/23/so-sanh-iaas-paas-saas-la-gi/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Giải ngố về các khái niệm IaaS, PaaS, SaaS trong Cloud Computing</span> <span class=\"meta-nav\">&#8594;</span></a>","id":985,"source":"toidicodedao.com","time":1540266296,"title":"Giải ngố về các khái niệm IaaS, PaaS, SaaS trong Cloud Computing","url":"http://toidicodedao.com/?p=6164"},{"body":"<p>Có thể bạn đã quen với việc sử dụng Object trong JavaScript. Trong khi đó, Map là một kiểu dữ liệu mới xuất hiện trong ES6. Map có những đặc điểm giống và khác so với Object. Cụ thể là như thế nào ? Trong bài viết này, mình sẽ đi vào so sánh Map với Object trong JavaScript. Mời bạn theo dõi bài viết! Nhắc lại khái niệm Object là một khái niệm trừu tượng dùng để biểu diễn một vật thể (cụ thể). Trong đó, các thuộc tính dùng để miêu tả đặc điểm, tính chất của đối [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/so-sanh-map-voi-object-trong-javascript/\">So sánh Map với Object trong JavaScript</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":984,"source":"completejavascript.com","time":1540247412,"title":"So sánh Map với Object trong JavaScript","url":"https://completejavascript.com/?p=2104"},{"body":"Giới thiệu RFC7234 và một số kỹ thuật tăng tốc web với HTTP/1.1 Caching.","id":983,"source":"quan-cam.com","time":1540180799,"title":"Một số kĩ thuật caching với HTTP/1.1","url":"https://quan-cam.com/posts/http-caching"},{"body":"Bài viết này đưa ra bài giải và chi tiết cách giải của mỗi bài tập trong tuần 2 của khóa học Machine Learning của giáo sư Andrew Ng.","id":952,"source":"coding4food.net","time":1539856686,"title":"Machine Learning – 2.3 – Exercise","url":"http://coding4food.net/?p=1104"},{"body":"Từ chuyện trần nhà ngấm nước và hai cái xô Mọi chuyện bắt đầu từ &#8230; hai cái xô hứng nước trong ga tàu điện ngầm. Chuyện là, gần văn phòng mình có một quán Việt Nam khá ngon. Mỗi lần đi ăn, mình và mấy ông đồng nghiệp lại phải đi bộ ngang qua &#8230; <a href=\"https://toidicodedao.com/2018/10/18/chuyen-2-cai-xo-trong-ga-tau-dien-ngam-va-nhung-con-bug-ko-bao-gio-duoc-fix/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Chuyện 2 cái xô trong ga tàu điện ngầm, và những con bug ko bao giờ được fix</span> <span class=\"meta-nav\">&#8594;</span></a>","id":951,"source":"toidicodedao.com","time":1539838751,"title":"Chuyện 2 cái xô trong ga tàu điện ngầm, và những con bug ko bao giờ được fix","url":"http://toidicodedao.com/?p=6218"},{"body":"<p>Map trong JavaScript là một loại object cho phép lưu trữ dữ liệu theo kiểu key-value. Nghe thì có vẻ giống với object bình thường nhỉ? Vì object cũng cho phép bạn làm điều này mà. Nhưng mọi thứ trên đời này đều có ý nghĩa của riêng nó. Map cũng không ngoại lệ. Map có những đặc điểm riêng biệt so với object thông thường. Sau đây mình sẽ cùng tìm hiểu về Map trong JavaScript nhé! Map trong JavaScript là gì? Nói một cách đầy đủ thì Map trong JavaScript là một cấu trúc dữ liệu cho phép [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/map-trong-javascript-thi-sao/\">Map trong JavaScript thì sao?</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":950,"source":"completejavascript.com","time":1539815456,"title":"Map trong JavaScript thì sao?","url":"https://completejavascript.com/?p=2094"},{"body":"<p>Gần đây, trên diễn đàn nổi tiếng DayNhauHoc, có một bạn hỏi xin file .text kho từ vựng Tiếng anh. Mà thực tế, cách đây khoảng một năm, mình đã từng dành thời gian nghiên cứu, tìm tòi để tìm ra cách tạo bộ dữ liệu từ điển dạng text từ cơ sở dữ liệu của StarDict. Tại sao mình làm việc này? À, lúc đó mình đang học về Node.js nên cũng mày mò làm cho được một cái Dictionary trên web. Xem thử Dictionary Mà cơ sở dữ liệu cho Node.js thì mình lại dùng MongoDB, nên mình [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/tao-bo-du-lieu-tu-dien-dang-text-tu-stardict/\">Tạo bộ dữ liệu từ điển dạng text từ StarDict</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":949,"source":"completejavascript.com","time":1539791134,"title":"Tạo bộ dữ liệu từ điển dạng text từ StarDict","url":"https://completejavascript.com/?p=2115"},{"body":"&#8211; 2018/09/12 Sau lần đầu tiên chuyển công ty, công việc dường như vẫn không thay đổi nhiều lắm so với cách đây gần 2 năm. Cũng làm hẳn trong dự án với khách hàng, cũng là khách hàng đó &#8230; <a href=\"https://vcostudy.com/2018/10/17/con-duong-nao-dan-den-mot-ngay-vui/\">Continue reading <span class=\"meta-nav\">&#8594;</span></a>","id":948,"source":"vcostudy.com","time":1539784831,"title":"Con đường nào dẫn đến  một ngày vui","url":"http://vcostudy.com/?p=651"},{"body":"ES6 vừa trình làng 2 cấu trúc dữ liệu mới: `Map` và `Set`, nghe đồn là nhanh hơn, được hỗ trợ tốt hơn bởi trình duyệt. Hãy cùng Ehkoo tìm hiểu cách thức hoạt động cũng như ứng dụng của chúng nhé!","id":945,"source":"ehkoo.com","time":1539720002,"title":"Tìm hiểu Map và Set trong JavaScript","url":"https://ehkoo.com/bai-viet/map-set-javascript-es6-es2015"},{"body":"Trong phiên bản này, khái niệm `context` được nâng cấp, giúp bạn chia sẻ state một cách đơn giản hơn. Bên cạnh đó, StrictMode được giới thiệu, cùng với một số thay đổi về life-cycle hooks và API để thao tác với `ref`.","id":944,"source":"ehkoo.com","time":1539720002,"title":"Có gì mới trong React phiên bản 16.3.0?","url":"https://ehkoo.com/bai-viet/react-phat-hanh-phien-ban-16-3"},{"body":"10+ plugins không thể thiếu cho dân lập trình web khi sử dụng VSCode. Tìm hiểu ngay!","id":938,"source":"ehkoo.com","time":1539720002,"title":"Những plugins không thể thiếu cho VSCode","url":"https://ehkoo.com/bai-viet/nhung-plugins-khong-the-thieu-cho-vs-code"},{"body":"React 16.4 hỗ trợ các sự kiện phát sinh bởi các thiết bị không phải chuột như bút chạm, stylus... Ngoài ra, phiên bản này cũng thay đổi hành vi của phương thức`getDerivedStateFromProps`.","id":937,"source":"ehkoo.com","time":1539720002,"title":"React 16.4 hỗ trợ các sự kiện của pointer","url":"https://ehkoo.com/bai-viet/react-phat-hanh-phien-ban-16-4"},{"body":"Không cần đến designer bạn vẫn có thể xây dựng ứng dụng React với giao diện chuyên nghiệp, UX hợp lý. Bằng cách nào ư? Nhờ vào sử dụng các thư viện UI mà Ehkoo giới thiệu ngay đây.","id":946,"source":"ehkoo.com","time":1539720002,"title":"10+ thư viện UI components cho React","url":"https://ehkoo.com/bai-viet/10-thu-vien-ui-components-cho-react"},{"body":"ES6 giới thiệu lớp Proxy giúp việc lập trình meta trong JavaScript trở nên dễ dàng hơn. Hãy cùng Ehkoo tìm hiểu Proxy là gì và viết thử một demo nho nhỏ nhé.","id":936,"source":"ehkoo.com","time":1539720002,"title":"Tìm hiểu về Proxy trong ES6","url":"https://ehkoo.com/bai-viet/tim-hieu-ve-proxy-trong-es6"},{"body":"Trong phần 2 này, Ehkoo sẽ cùng bạn tìm hiểu những thuộc tính còn lại của CSS Grid.","id":941,"source":"ehkoo.com","time":1539720002,"title":"CSS Grid căn bản - Phần 2","url":"https://ehkoo.com/bai-viet/can-ban-css-grid-phan-2"},{"body":"Cứ tuần tự làm theo từng bước này, đảm bảo team của bạn sẽ không phải vò đầu bứt tai cấu xé nhau vì code chồng chéo, dự án banh chành nữa ahihi.","id":940,"source":"ehkoo.com","time":1539720002,"title":"Cách phân nhánh và chia việc trong nhóm với Git","url":"https://ehkoo.com/bai-viet/git-workflow-phan-nhanh-va-chia-viec-trong-nhom"},{"body":"Chúng ta chắc đều biết HTTP/2 sẽ là phiên bản thay thế cho HTTP/1.1. Nhưng chính xác thì HTTP/2 là gì, và đem lại những lợi ích nào cho lập trình viên front-end?","id":939,"source":"ehkoo.com","time":1539720002,"title":"Lập trình front-end hưởng lợi gì từ HTTP/2?","url":"https://ehkoo.com/bai-viet/lap-trinh-front-end-duoc-loi-ich-gi-tu-http2"},{"body":"JavaScript cung cấp lớp Date để xử lý thời gian khi phát triển ứng dụng. Nhưng để làm việc với múi giờ và các thao tác phức tạp hơn thì bạn không thể bỏ qua các thư viện được giới thiệu trong bài viết này.","id":935,"source":"ehkoo.com","time":1539720002,"title":"Những thư viện xử lý ngày tháng trong JavaScript","url":"https://ehkoo.com/bai-viet/nhung-thu-vien-xu-ly-ngay-thang-trong-javascript"},{"body":"Lâu rồi mình chưa viết bài review sách. Nhiều bạn kêu gọi mang mục này quay lại nên hôm này mình tiếp tục review và giới thiệu sách cho bà con đọc nhé. Kì này mình sẽ giới thiệu một cuốn sách khá hay, không phải về code nhưng rất hữu ích cho developer. Sách &#8230; <a href=\"https://toidicodedao.com/2018/10/16/review-sach-the-non-designers-design-book-tim-hieu-ve-design-cho-dan-khong-chuyen/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Review sách: The Non-Designer&#8217;s Design Book &#8211; Tìm hiểu về Design cho dân không chuyên</span> <span class=\"meta-nav\">&#8594;</span></a>","id":933,"source":"toidicodedao.com","time":1539655226,"title":"Review sách: The Non-Designer’s Design Book – Tìm hiểu về Design cho dân không chuyên","url":"http://toidicodedao.com/?p=6236"},{"body":"<p>Set trong Javascript là một loại object cho phép bạn lưu trữ dữ liệu một cách duy nhất, không trùng lặp. &#8220;Nói vậy thì ai chẳng nói được&#8220;. Có phải bạn đang suy nghĩ như vậy không? Dù có hay không thì mình tin chắc rằng có một số thứ bạn chưa hiểu rõ hết về Set trong JavaScript, cũng như những thứ bạn có thể làm với nó. Còn nếu như bạn cứ khăng khăng rằng mình biết hết về Set rồi thì khỏi mất công đọc bài viết này nữa. Ngược lại, mình tin là bạn sẽ KHÔNG [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/ban-biet-gi-ve-set-trong-javascript/\">Bạn biết gì về Set trong JavaScript?</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":932,"source":"completejavascript.com","time":1539642613,"title":"Bạn biết gì về Set trong JavaScript?","url":"https://completejavascript.com/?p=2003"},{"body":"\"Ghi chép ngắn về việc phân biệt library và framework.\"","id":934,"source":"thefullsnack.com","time":1539642509,"title":"Là framework? hay là library?","url":"https://thefullsnack.com/posts/framework-or-library.html"},{"body":"<h2 id=\"Đọc-đề\">Đọc đề</h2>\n<p>Bài WebAssembly là một trang web nho nhỏ, một đoạn JavaScript vừa đủ gọn để gọi được viết bằng WebAssemly (tất nhiên rồi, đề nó vậy mà). Đoạn JavaScript nhỏ xinh để gọi như sau:</p>\n\n","id":824,"source":"blog.botbie.io","time":1539457500,"title":"[flareon2018] chal5 WebAssembly writeup: side channel attack","url":"http://blog.botbie.io/2018/10/13/flareon2018-chal5-webassembly-writeup-side-channel-attack"},{"body":"\"Trên đời, có những thứ tồn tại chỉ để làm cho cuộc sống trở nên khó khăn hơn. Đối với cuộc đời của một frontend engineer, thứ đó có lẽ là Internet Explorer và tính chủ quan.\"","id":678,"source":"thefullsnack.com","time":1539395601,"title":"Blame Driven Development ","url":"https://thefullsnack.com/posts/blame-driven-development.html"},{"body":"Từ khi ipornX Iphone X của Apple được giới thiệu, cảm biến 3D trở thành 1 hot keyword, làm cho nhà nhà đua nhau tích hợp 3D vào điện thoại, người người thi nhau mua điện thoại có cảm biến &#8230; <a href=\"https://vcostudy.com/2018/10/13/cam-bien-tof/\">Continue reading <span class=\"meta-nav\">&#8594;</span></a>","id":784,"source":"vcostudy.com","time":1539382356,"title":"Cảm biến 3D – TOF","url":"http://vcostudy.com/2018/08/03/cam-bien-tof/"},{"body":"<p>Như mình đã nói trong bài viết về Tạo trang blog với Gatsby.js, framework này hỗ trợ lập trình viên rất nhiều plugin hay. Trong đó, một số plugin là bắt buộc phải có, số còn lại sẽ hỗ trợ bạn trong một số nhiệm vụ như: hiển thị code, nhúng video, SEO,&#8230; Mà theo như thống kê tại trang chủ thì số lượng plugin hiện tại đã hơn 450 rồi. Tuy nhiên, trong đó chỉ có một số plugin Gatsby.js là hay sử dụng. Vậy chúng là những plugin nào, tác dụng của mỗi plugin là gì? Mời bạn theo dõi bài [&#8230;]</p>\n<p>The post <a rel=\"nofollow\" href=\"https://completejavascript.com/mot-so-plugin-gatsby-js-hay-dung/\">Một số plugin Gatsby.js hay dùng</a> appeared first on <a rel=\"nofollow\" href=\"https://completejavascript.com\">Complete JavaScript</a>.</p>\n","id":922,"source":"completejavascript.com","time":1539258785,"title":"Một số plugin Gatsby.js hay dùng","url":"https://completejavascript.com/?p=1962"},{"body":"Do nhiều bạn hỏi về chuyện kinh nghiệm đi làm nên hôm nay mình sẽ chia sẻ về 4 điều cần lưu ý khi mới đi làm, đi thực tập nhé: Tìm hiểu về con người, thành viên trong nhóm Văn hóa làm việc của nhóm và công ty Công nghệ mà dự án hiện &#8230; <a href=\"https://toidicodedao.com/2018/10/11/lightning-talk-ki-21-nhung-dieu-can-luu-y-khi-moi-di-lam-di-thuc-tap/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Lightning Talk Kì 21 &#8211; Những điều cần lưu ý khi mới đi làm, đi thực tập</span> <span class=\"meta-nav\">&#8594;</span></a>","id":650,"source":"toidicodedao.com","time":1539221811,"title":"Lightning Talk Kì 21 – Những điều cần lưu ý khi mới đi làm, đi thực tập","url":"http://toidicodedao.com/?p=6294"},{"body":"<p>Với những bạn mới làm lập trình web, không phải ai cũng nắm rõ cách 1 trang website hoạt động như thế nào? Cũng như có thể trả lời các câu hỏi về mô hình Client-Server, địa chỉ IP là gì?&#8230; Ngày nay, các web framework phát triển rất mạnh...</p>\n<p>The post <a rel=\"nofollow\" href=\"http://namluu.com/nghe-nghiep/website-nhap-mon-buoc-dau-vao-con-duong-lap-trinh-web/\">Website nhập môn &#8211; bước đầu vào con đường lập trình web</a> appeared first on <a rel=\"nofollow\" href=\"http://namluu.com\">Nam Luu</a>.</p>\n","id":912,"source":"namluu.com","time":1539196346,"title":"Website nhập môn – bước đầu vào con đường lập trình web","url":"http://namluu.com/?p=1705"}],"status":"success","total":366};