<?xml version="1.0" encoding="UTF-8" ?>
<rss
    version="2.0"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:webfeeds="http://webfeeds.org/rss/1.0"
    xmlns:media="http://search.yahoo.com/mrss/"
    >
    <channel>
        <title>Front-end-developer Tag - Viblo</title>
        <link>https://viblo.asia/rss</link>
        <description><![CDATA[Free service for technical knowledge sharing]]></description>
        <atom:link href="https://viblo.asia/rss/tags/front-end-developer.rss" rel="self"></atom:link>
                <copyright>Sun* Inc.</copyright>
                                                <webfeeds:logo>https://viblo.asia/logo_full.svg</webfeeds:logo>
        <image>
            <url>https://viblo.asia/logo_full.svg</url>
            <title>Front-end-developer Tag - Viblo</title>
            <link>https://viblo.asia/rss</link>
        </image>
                                <language>vi-vn</language>
        <lastBuildDate>2026-09-08T04:48:51+07:00</lastBuildDate>
                <item>
            <title><![CDATA[useEffect vs useLayoutEffect trong React: Kinh nghiệm thực tế]]></title>
                        <link>https://viblo.asia/p/useeffect-vs-uselayouteffect-trong-react-kinh-nghiem-thuc-te-W13VMykDVY7</link>
            <guid isPermaLink="true">https://viblo.asia/p/useeffect-vs-uselayouteffect-trong-react-kinh-nghiem-thuc-te-W13VMykDVY7</guid>
            <description><![CDATA[
Giới thiệu 

Kể từ khi React 16.8 ra đời với Hooks, cách viết component đã thay đổi đáng kể. Trong số các hooks mới, useEffect và useLayoutEffect đón...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">NGUYỄN ANH TUẤN</dc:creator>
            <pubDate>2024-06-28 11:19:20</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tại Sao Mình Chuyển Từ React Sang Angular Cho Các Dự Án Cá Nhân]]></title>
                        <link>https://viblo.asia/p/tai-sao-minh-chuyen-tu-react-sang-angular-cho-cac-du-an-ca-nhan-m2vJPk2l4eK</link>
            <guid isPermaLink="true">https://viblo.asia/p/tai-sao-minh-chuyen-tu-react-sang-angular-cho-cac-du-an-ca-nhan-m2vJPk2l4eK</guid>
            <description><![CDATA[

Chào các bạn! Hôm nay, mình muốn chia sẻ với các bạn về hành trình chuyển đổi của mình từ React sang Angular trong các dự án cá nhân và công việc. M...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">NGUYỄN ANH TUẤN</dc:creator>
            <pubDate>2023-11-19 08:00:00</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[30 hàm xử lý mảng quan trọng trong javascript]]></title>
                        <link>https://viblo.asia/p/30-ham-xu-ly-mang-quan-trong-trong-javascript-bXP4WA5DL7G</link>
            <guid isPermaLink="true">https://viblo.asia/p/30-ham-xu-ly-mang-quan-trong-trong-javascript-bXP4WA5DL7G</guid>
            <description><![CDATA[Trong Javascript, có rất nhiều hàm được cung cấp để xử lý mảng dữ liệu. Trong bài viết này, chúng ta sẽ giới thiệu một số hàm phổ biến trong Javascrip...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Anh</dc:creator>
            <pubDate>2023-02-18 09:31:36</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Biến trong CSS]]></title>
                        <link>https://viblo.asia/p/bien-trong-css-aWj53DgPK6m</link>
            <guid isPermaLink="true">https://viblo.asia/p/bien-trong-css-aWj53DgPK6m</guid>
            <description><![CDATA[Biến trong CSS là gì ?
Chắc hẳn các bạn khi nghe về cách sử dụng biến trong CSS sẽ nghĩ ngay đến các CSS Preprocessors như SASS hay LESS. Hoặc nếu khô...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Như Hải Triều</dc:creator>
            <pubDate>2020-02-21 13:40:05</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Slot trong VueJS là gì nhỉ? Để cho con 1 slot mẹ nhé...]]></title>
                        <link>https://viblo.asia/p/slot-trong-vuejs-la-gi-nhi-de-cho-con-1-slot-me-nhe-Eb85oo4k52G</link>
            <guid isPermaLink="true">https://viblo.asia/p/slot-trong-vuejs-la-gi-nhi-de-cho-con-1-slot-me-nhe-Eb85oo4k52G</guid>
            <description><![CDATA[Đúng như tiêu đề mình có đề cập. Slot theo đúng nghĩa đen là "Chỗ" luôn.
- Để cho con 1 chỗ trong component Vue mẹ nhé
- ok con trai
Slot là đặt chỗ
S...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phan Đức Anh</dc:creator>
            <pubDate>2019-11-17 23:55:28</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu về Ant-design trong React]]></title>
                        <link>https://viblo.asia/p/tim-hieu-ve-ant-design-trong-react-maGK7VQx5j2</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-ant-design-trong-react-maGK7VQx5j2</guid>
            <description><![CDATA[I. Ant-desgin là gì ?
Ant là tập hợp các components của React được xây dựng theo chuẩn thiết kế của Ant UED Team. Tương tự như chuẩn Material Design, ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Như Hải Triều</dc:creator>
            <pubDate>2019-09-23 14:56:32</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu về animation chữ ký - Sức mạnh của lệnh Path trong SVG (Part 1)]]></title>
                        <link>https://viblo.asia/p/tim-hieu-ve-animation-chu-ky-suc-manh-cua-lenh-path-trong-svg-part-1-GrLZDWJgKk0</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-animation-chu-ky-suc-manh-cua-lenh-path-trong-svg-part-1-GrLZDWJgKk0</guid>
            <description><![CDATA[*Ngày nay, các trình duyệt người dùng hiện nay ngày càng tân tiến, tỉ lệ trình duyệt hỗ trợ SVG ngày càng cao, nên chúng ta có thể thoải mái tận dụng ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Đỗ Bảo Trung</dc:creator>
            <pubDate>2019-09-18 23:14:32</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Mẹo cắt hình nhanh nhất cho Web Developer]]></title>
                        <link>https://viblo.asia/p/meo-cat-hinh-nhanh-nhat-cho-web-developer-3P0lP9085ox</link>
            <guid isPermaLink="true">https://viblo.asia/p/meo-cat-hinh-nhanh-nhat-cho-web-developer-3P0lP9085ox</guid>
            <description><![CDATA[Chào các bạn, để có một trang web đẹp, UI/UX bắt mắt và thuận với trải nghiệm người dùng chúng ta không thể thiếu sự tỉ mỉ của một designer được. Để t...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Hữu Khuyên</dc:creator>
            <pubDate>2019-07-19 09:55:42</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tạo các khối hình dễ dàng hơn với CSS3 Clip-path]]></title>
                        <link>https://viblo.asia/p/tao-cac-khoi-hinh-de-dang-hon-voi-css3-clip-path-Qbq5QMrm5D8</link>
            <guid isPermaLink="true">https://viblo.asia/p/tao-cac-khoi-hinh-de-dang-hon-voi-css3-clip-path-Qbq5QMrm5D8</guid>
            <description><![CDATA[1. Lời nói đầu
Có khá nhiều cách để tạo ra các hình khối với css có rất nhiều hướng dẫn để tạo ra các hình từ đơn giản đến phức tạp bằng cách kết hợp ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Pham Van Ngoc</dc:creator>
            <pubDate>2019-02-20 17:14:48</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Sự khác nhau giữa Front-end Engineer và Front-end Developer]]></title>
                        <link>https://viblo.asia/p/su-khac-nhau-giua-front-end-engineer-va-front-end-developer-bJzKm79Pl9N</link>
            <guid isPermaLink="true">https://viblo.asia/p/su-khac-nhau-giua-front-end-engineer-va-front-end-developer-bJzKm79Pl9N</guid>
            <description><![CDATA[Không lâu về trước, khi khái niệm front-end engineering lần đầu tiên được đưa ra trong ngành phát triển web, tui hay đọc các bài thảo luận về sự khác ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Huỳnh Minh Tú</dc:creator>
            <pubDate>2019-02-10 14:23:31</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu về React Spring]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tim-hieu-ve-react-spring-oOVlYNVz58W</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-react-spring-oOVlYNVz58W</guid>
            <description><![CDATA[![](https://images.viblo.asia/29f99b03-79a6-47e7-a2cd-674e30d7c105.png)



Trong rất nhiều thư viện animation ở thời điểm hiện tại cho React thì react...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2019-01-22 17:09:28</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Xây dựng một SVG Component trong React]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/xay-dung-mot-svg-component-trong-react-4P856Pb3ZY3</link>
            <guid isPermaLink="true">https://viblo.asia/p/xay-dung-mot-svg-component-trong-react-4P856Pb3ZY3</guid>
            <description><![CDATA[![](https://images.viblo.asia/955fdb48-881d-443e-94b9-4fb3596e3abf.gif)



Những lợi ích của SVG đã có rất nhiều bài viết nói đến một cách chi tiết. M...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-11-22 12:12:08</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Áp dụng Storybook để xây dựng Styleguide cho dự án Frontend]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/ap-dung-storybook-de-xay-dung-styleguide-cho-du-an-frontend-vyDZOAw95wj</link>
            <guid isPermaLink="true">https://viblo.asia/p/ap-dung-storybook-de-xay-dung-styleguide-cho-du-an-frontend-vyDZOAw95wj</guid>
            <description><![CDATA[Ở kì trước chúng ta đã tìm hiểu về concept và vai trò của Storybook. Kì này ta sẽ thử áp dụng xây dựng một flow khi phát triển dự án với thư viện này....]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-10-22 14:28:33</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Một số câu hỏi 'mẹo' có thể gặp khi phỏng vấn Frontend Developer ( phần 2 )]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/mot-so-cau-hoi-meo-co-the-gap-khi-phong-van-frontend-developer-phan-2-07LKXzBrlV4</link>
            <guid isPermaLink="true">https://viblo.asia/p/mot-so-cau-hoi-meo-co-the-gap-khi-phong-van-frontend-developer-phan-2-07LKXzBrlV4</guid>
            <description><![CDATA[Ở phần trước, mình đã giới thiệu với các bạn một số câu hỏi có thể gặp khi đi phỏng vấn Frontend Developer. Hôm nay, mình sẽ tiếp tục gửi đến các bạn ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Long Hai</dc:creator>
            <pubDate>2018-10-21 21:23:30</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tổng hợp công cụ hữu ích cho Frontend dev và Designer]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tong-hop-cong-cu-huu-ich-cho-frontend-dev-va-designer-vyDZOP4xlwj</link>
            <guid isPermaLink="true">https://viblo.asia/p/tong-hop-cong-cu-huu-ich-cho-frontend-dev-va-designer-vyDZOP4xlwj</guid>
            <description><![CDATA[Dưới đây mình tổng hợp một số công cụ hữu ích cho một Frontend developer/Designer được chọn lọc qua nhiều nguồn khác nhau. Hy vọng những sites này có ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-09-20 11:07:48</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[React Sketchapp workflow]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/react-sketchapp-workflow-RnB5pX7b5PG</link>
            <guid isPermaLink="true">https://viblo.asia/p/react-sketchapp-workflow-RnB5pX7b5PG</guid>
            <description><![CDATA[![](https://images.viblo.asia/0a120e93-9cb5-4528-8f9d-3d710b9acee5.png)



Chúng ta đã tìm hiểu nguyên do và ý tưởng đằng sau React Sketchapp. Một pac...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-07-23 08:43:30</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[React Sketch.app điểm hòa trộn giữa code và design]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/react-sketchapp-diem-hoa-tron-giua-code-va-design-Qpmle9eMlrd</link>
            <guid isPermaLink="true">https://viblo.asia/p/react-sketchapp-diem-hoa-tron-giua-code-va-design-Qpmle9eMlrd</guid>
            <description><![CDATA[![](https://images.viblo.asia/406c04fd-4229-49d7-b2cd-22c11f7cf203.png)


1. Điểm mở đầu
Dù mới tìm đọc được về những dòng đầu tiên về package này của...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-06-20 10:08:33</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ECMAScript and ES6: Part 2]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/ecmascript-and-es6-part-2-bJzKm0PE59N</link>
            <guid isPermaLink="true">https://viblo.asia/p/ecmascript-and-es6-part-2-bJzKm0PE59N</guid>
            <description><![CDATA[This is the second part of my previous article ECMAScript and ES6: Part 1. After completing this 2 article with es6, anyone can jump start learning an...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Mahmud Rahman</dc:creator>
            <pubDate>2018-06-27 08:54:27</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu Destructuring nested Objects trong Javascript]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tim-hieu-destructuring-nested-objects-trong-javascript-gAm5ypq8ldb</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-destructuring-nested-objects-trong-javascript-gAm5ypq8ldb</guid>
            <description><![CDATA[Dưới đây mình demo một ví dụ nho nhỏ để chúng ta hiểu được cách thức làm việc và vận dụng nguyên lý hoạt động của Object Destructuring trong Javascrip...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-05-22 07:46:20</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ECMAScript and ES6: Part 1]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/ecmascript-and-es6-part-1-4P856RRG5Y3</link>
            <guid isPermaLink="true">https://viblo.asia/p/ecmascript-and-es6-part-1-4P856RRG5Y3</guid>
            <description><![CDATA[ECMAScript is a specification of JavaScript, which is maintained by Ecma International in ECMA-262 and ISO/IEC 16262. The 8th edition, officially know...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Mahmud Rahman</dc:creator>
            <pubDate>2018-05-22 10:15:03</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[LỘ TRÌNH TRỞ THÀNH LẬP TRÌNH VIÊN FRONT-END 2018]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/lo-trinh-tro-thanh-lap-trinh-vien-front-end-2018-Az45bnBL5xY</link>
            <guid isPermaLink="true">https://viblo.asia/p/lo-trinh-tro-thanh-lap-trinh-vien-front-end-2018-Az45bnBL5xY</guid>
            <description><![CDATA[Nội dung
Phần front-end của một trang web được hiểu là phần tương tác với người dùng. Tất cả mọi thứ bạn nhìn thấy khi điều hướng trên Internet, từ cá...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Vũ Nguyễn</dc:creator>
            <pubDate>2018-04-26 17:45:56</pubDate>
                                                                                                        </item>
            </channel>
</rss>
