công nghệ

Phát triển ứng dụng Android

Lập trình Android

lập trình web

phát triển ứng dụng

lập trình

UI/UX

commit code

Feature

Lập trình Python

Tài liệu học tập

khóa học lập trình

lập trình cho người mới bắt đầu

#Java

#Python

#congnghethongtin

#ngaigiaotiep

#duhocnganhcongnghethongtin #dinhcu

#duhoccongnghethongtin

#laptrinhvientucap3

#movie #laptrinhvien

#duhocnganhComputerScience

#laptrinhvienlamgi

Định hướng ngành CNTT

Du học ngành CNTT

Lập trình website

Lập trình di động

Lập trình game

kiến thức nền tảng

Tất tần tật c&aacute;c tin tức li&ecirc;n quan đến lập tr&igrave;nh v&agrave; ph&aacute;t triển sự nghiệp lập tr&igrave;nh vi&ecirc;n

Tin tức

Dạy con thời 4.0

Tư duy logic trong lập trình là nền tảng cơ sở để bạn có thể trở thành một lập trình viên giỏi. Có lẽ, tùy thuộc vào từng vị trí công việc mà bạn đảm nhiệm, mà bạn sẽ sử dụng nhiều thuật toán hơn hoặc có khi không cần dùng tới. Ví dụ, nếu bạn là một web designer thường bạn sẽ không phải giải quyết những thuật toán phức tạp, nhưng nếu bạn làm ở vị trí front-end việc sử dụng thuật toán sẽ trở nên nhiều hơn và nếu ở vị trí back-end thì việc dùng thuật toán là việc mà bạn cần làm mỗi ngày.
<img src="https://cdn-images-1.medium.com/max/1600/1*Xdoiu1BnTC9G227gXNd3Ug.png" alt="Káº¿t quáº£ hÃ¬nh áº£nh cho thinking" />
&nbsp;

Bài viết này, mình chỉ ra 5 cách, theo quan điểm của tác giả và dựa vào sự tìm hiểu trên các kênh thông tin nữa, sẽ giúp mọi người cải thiện khả năng tư duy logic trong lập trình.

Đây là chủ đề rất thiết yếu dành cho tất cả các lập trình viên, bởi nếu bạn có thể phát triển lối tư duy logic tốt, thì bạn có thể dễ dàng chuyển sang một ngôn ngữ lập trình khác một cách linh hoạt, cùng cố gắng để vấn đề khác biệt ngôn ngữ lập trình không còn là rào cản nhé.
<h3>1. Suy nghĩ cách giải quyết</h3>
<img src="http://naumankhan.com/wp-content/uploads/2018/05/image-20150525-32558-q4csn1.jpg" alt="Káº¿t quáº£ hÃ¬nh áº£nh cho thinking" />
Một trong những công việc chủ yếu của một lập trình viên đó là giải quyết vấn đề, thay vì cứ cắm đầu vào một nùi rắc rối, bạn hãy tìm cách chia nhỏ nó ra rồi tập trung vào từng vấn đề đó, việc này sẽ đẩy hiệu quả công việc của bạn lên rất nhiều, bên cạnh đó còn cải thiện rất đáng kể khả năng tư duy logic trong lập trình.
<h3>2. Luyện tập để phát triển tư duy logic trong lập trình</h3>
<img src="https://cdn-images-1.medium.com/max/1920/1*UVm5I1j351RFw8aLHpVs5g.jpeg" alt="Káº¿t quáº£ hÃ¬nh áº£nh cho practical" />
Đúng như tên mục, để cải thiện tư duy logic trong lập trình thì điều quan trọng nhất đó là phải siêng luyện tập. Mục đích cuối cùng của việc bạn viết ra những thuật toán cũng là để tìm ra cách giải quyết các vấn đề. Vậy hãy cố gắng luyện tập thật nhiều từ những vấn đề đơn giản nhất, điều này sẽ khiến bạn tiến bộ từng ngày. 
<h3>3. Học cấu trúc dữ liệu và thuật toán</h3>
<img src="http://assets.pewresearch.org/wp-content/uploads/sites/14/2017/02/08133415/PI_2017.02.08_Algorithms_featured.png" alt="HÃ¬nh áº£nh cÃ³ liÃªn quan" />
Tìm hiểu cấu trúc dữ liệu cung cấp cho bạn một kế hoạch tốt hơn để tập trung vào những vấn đề mà bạn đang gặp phải để có một phần mềm hiệu quả. Bạn có thể chơi các trò chơi như cờ vua, việc này giúp bạn luyện tập tư duy logic trong lập trình rất tốt.
<h3>4. Học qua những mẫu lập trình có sẵn</h3>
<img src="http://4.bp.blogspot.com/-ANYNUQrNZug/T4FMIgqFMlI/AAAAAAAAACo/al-4GKDFawM/s1600/oop%5B1%5D.jpg" alt="Káº¿t quáº£ hÃ¬nh áº£nh cho The Object-Oriented Paradigm (OOP)" />
Một điểm rất hay đó là bạn hãy học từ những mô hình mẫu lập trình đã có trước đó. Có lẽ một trong những lập trình mẫu nổi tiếng nhất đó là mô hình hướng đối tượng (OOP). Một mô hình lập trình mẫu như là một chiếc dàn bài chi tiết để bạn theo đó thực hiện các dự án của mình. Từ đây bạn có thể học hỏi được nhiều kỹ năng, cách tư duy logic cũng như kiến thức để phát triển các chương trình của bạn theo một cách khác.
<h3>5. Quan sát những dòng code của những lập trình viên khác</h3>
<img src="https://cdn-images-1.medium.com/max/800/1*TzbP0yl4iiWnhKjOyACKrw.jpeg" />
Trong lập trình, mỗi vấn đề đầu có vô số cách giải quyết khác nhau,vậy nên việc một người khác giải quyết được vấn đề của bạn bằng cách tối ưu hóa và đơn giản hơn là điều không hề bất ngờ. Việc học hỏi từ người khác là cách giúp bạn trau dồi kiến thức rất hiệu quả và không ngừng nâng cao trình độ, cải thiện tư duy logic trong lập trình. Bên cạnh đó, bạn cũng có thể vào Github để học hỏi từ những project khủng ở đó.

Các nguồn để bạn tự luyện tập:
◾ <a class="markup--anchor markup--p-anchor" href="https://www.codewars.com/" target="_blank" rel="noopener" data-href="https://www.codewars.com/">Codewars</a>
◾ <a class="markup--anchor markup--p-anchor" href="https://codefights.com/" target="_blank" rel="noopener" data-href="https://codefights.com/">CodeFights</a>
◾ <a class="markup--anchor markup--p-anchor" href="https://www.hackerrank.com/" target="_blank" rel="noopener" data-href="https://www.hackerrank.com/">HackerRank </a>
◾ <a class="markup--anchor markup--p-anchor" href="https://www.codingame.com/start" target="_blank" rel="noopener" data-href="https://www.codingame.com/start">CodinGame</a>
Hãy nhớ rằng, sẽ là điều rất bình thường nếu bạn không thể giải quyết được vấn đề, khi đó đừng quên bên bạn luôn có một cộng đồng cực hùng mạnh luôn sẵn sàng hỗ trợ khi bạn có câu hỏi. Và nếu cảm thấy một mình quá khó để luyện tập hãy tìm cho mình một <a href="https://techkids.vn/khoa-hoc-lap-trinh">khóa học</a>, nơi mà bạn có những người bạn, người thầy luôn sẵn sàng giúp đỡ và sát cánh trên con đường trở thành một lập trình viên chuyên nghiệp của bạn.

Mong bài viết sẽ có ích với bạn!

 Nguồn: Hackernoon

&nbsp;

&nbsp;

5 cách giúp cải thiện tư duy logic trong lập trình của bạn!

<h3>Visual Studio Code (VS Code) l&agrave; tr&igrave;nh soạn thảo code nhẹ, phổ biến nhất hiện nay với khả năng cung cấp hiệu suất tốt v&agrave; ổn định. Nhờ cộng đồng open source, tr&igrave;nh soạn thảo hiện c&oacute; khả năng hỗ trợ hầu hết mọi ng&ocirc;n ngữ <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-tu-co-ban-toi-nang-cao">lập tr&igrave;nh</a>, khu&ocirc;n khổ v&agrave; c&ocirc;ng nghệ ph&aacute;t triển.&nbsp;Hỗ trợ cho thư viện hoặc khu&ocirc;n khổ c&oacute; nhiều c&aacute;ch kh&aacute;c nhau, chủ yếu bao gồm c&aacute;c đoạn m&atilde;, t&ocirc; s&aacute;ng c&uacute; ph&aacute;p, c&aacute;c t&iacute;nh năng Emmet v&agrave; IntelliSense cho c&ocirc;ng nghệ cụ thể đ&oacute;. Dưới đ&acirc;y l&agrave; c&aacute;c phần mở rộng VS Code đ&atilde; trở n&ecirc;n phổ biến v&agrave; những phần mở rộng kh&ocirc;ng thể thiếu đối với c&aacute;c nh&agrave; ph&aacute;t triển JavaScript: </h3>

<blockquote>
&gt;&gt;&gt;&nbsp;&nbsp;<a href="https://mindx.edu.vn/blog/post/16-thu-thuat-javascript-2020">16 thủ thuật Javascript bạn n&ecirc;n biết v&agrave;o năm 2020</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/nodejs-vs-python">So s&aacute;nh Node.js v&agrave; Python</a>

&gt;&gt;&gt;&nbsp;&nbsp;<a href="https://mindx.edu.vn/blog/post/mot-vai-thu-thuat-css-ma-chinh-frontend-con-chua-biet-p1">Một v&agrave;i thủ thuật CSS m&agrave; ch&iacute;nh frontend c&oacute; thể c&ograve;n chưa biết (P1)</a>
</blockquote>

<h2>1. Tiện &iacute;ch mở rộng đoạn code </h2>

Khi bạn c&agrave;i đặt VS Code lần đầu, n&oacute; đi k&egrave;m với một số đoạn code t&iacute;ch hợp cho JavaScript v&agrave; Typescript. Đoạn code gi&uacute;p bạn viết code lặp lại một c&aacute;ch nhanh ch&oacute;ng. Tuy nhi&ecirc;n, bạn c&oacute; thể thấy những điều n&agrave;y c&oacute; thể kh&ocirc;ng đủ. Bạn c&oacute; thể dễ d&agrave;ng tạo của ri&ecirc;ng m&igrave;nh hoặc chỉ cần c&agrave;i đặt một tiện &iacute;ch mở rộng bao gồm một loạt c&aacute;c đoạn m&atilde; hữu &iacute;ch mới.

Mẹo nhanh nếu bạn muốn c&aacute;c đoạn tr&iacute;ch hiển thị tr&ecirc;n đầu c&aacute;c đề xuất l&agrave; sử dụng cấu h&igrave;nh sau:

{ &quot;editor.snippetSuggestions&quot;: &quot;top&quot; }

Dưới đ&acirc;y l&agrave; một số tiện &iacute;ch mở rộng đoạn code phổ biến nhất d&agrave;nh cho c&aacute;c nh&agrave; ph&aacute;t triển JavaScript. Tuy nhi&ecirc;n, t&ocirc;i khuy&ecirc;n bạn chỉ n&ecirc;n c&agrave;i đặt một c&aacute;i v&igrave; đơn giản.

<ul>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets">Đoạn m&atilde; JavaScript (ES6)</a>, của Charalampos Karypidis. Đ&acirc;y hiện l&agrave; tiện &iacute;ch mở rộng đoạn m&atilde; javaScript phổ biến nhất với hơn 3 triệu lượt c&agrave;i đặt cho đến nay. Phần mở rộng n&agrave;y cung cấp c&uacute; ph&aacute;p ES6 cho JavaScript, TypeScript, HTML, React v&agrave; Vue. Tất cả c&aacute;c đoạn m&atilde; đều c&oacute; dấu chấm phẩy cuối c&ugrave;ng.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=jmsv.JavaScriptSnippetsStandard">Đoạn m&atilde; JavaScript (ES6)</a> theo kiểu StandardJS , của James Vickery. Về cơ bản, đ&acirc;y l&agrave; một nh&aacute;nh của tiện &iacute;ch mở rộng ở tr&ecirc;n cho những người th&iacute;ch quy ước kiểu StandardJS &mdash; nghĩa l&agrave;, c&aacute;c đoạn m&atilde; kh&ocirc;ng c&oacute; dấu chấm phẩy.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=capaj.vscode-standardjs-snippets">Đoạn m&atilde; theo kiểu JavaScript standardjs</a> , bởi capaj. Một đoạn m&atilde; được tạo kiểu StandardJS kh&aacute;c nhưng đoạn m&atilde; n&agrave;y phổ biến hơn với hơn 72 ngh&igrave;n lượt c&agrave;i đặt. Ban đầu được ph&acirc;n t&aacute;ch từ c&aacute;c đoạn m&atilde; Atom StandardJS. Chứa một bộ sưu tập khổng lồ c&aacute;c đoạn m&atilde; tiện dụng v&agrave; hỗ trợ JavaScript, TypeScript v&agrave; React.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=nathanchapman.JavaScriptSnippets">JavaScript Snippets</a>, bởi Nathan Chapman. Một bộ sưu tập c&aacute;c đoạn m&atilde; JavaScript với khoảng 33k + lượt c&agrave;i đặt cho đến nay. Phần mở rộng đoạn m&atilde; n&agrave;y hỗ trợ c&aacute;c khung Node.js, BDD Testing như Mocha v&agrave; Jasmine. &nbsp;</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=gluons.vscode-atom-javascript-snippet">Atom JavaScript Snippet</a>, bởi Saran Tanpituckpong. Với khoảng 26 ngh&igrave;n lượt c&agrave;i đặt trở l&ecirc;n cho đến nay, c&aacute;c đoạn m&atilde; trong tiện &iacute;ch mở rộng n&agrave;y đ&atilde; được chuyển từ atom/language-javascript. C&aacute;c đoạn m&atilde; JavaScript được chuyển từ phần mở rộng atom / language-javascript.</li>
</ul>

<h2>2. Tiện &iacute;ch đ&aacute;nh dấu c&uacute; ph&aacute;p</h2>

Phi&ecirc;n bản mới nhất của VS Code hỗ trợ t&ocirc; m&agrave;u c&uacute; ph&aacute;p tốt hơn v&agrave; hiện ph&ugrave; hợp hơn với c&aacute;c ti&ecirc;u chuẩn được đặt ra trong ngữ ph&aacute;p Atom. Do đ&oacute;, c&aacute;c phần mở rộng như JavaScript Atom Grammar kh&ocirc;ng c&ograve;n cần thiết nữa. Tuy nhi&ecirc;n, vẫn c&oacute; một số phần mở rộng đ&aacute;nh dấu c&uacute; ph&aacute;p kh&aacute; hữu &iacute;ch khi n&oacute;i đến một số loại dự &aacute;n v&agrave; phần mở rộng tệp:

<ul>
	<li>&nbsp;<a href="https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel">Babel JavaScript</a>, của Michael McDermott. Với hơn 550 ngh&igrave;n lượt c&agrave;i đặt cho đến nay, tiện &iacute;ch mở rộng n&agrave;y cung cấp t&iacute;nh năng l&agrave;m nổi bật c&uacute; ph&aacute;p cho m&atilde; ES201x JavaScript, React, FlowType v&agrave; GraphQL.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv">DotENV</a>&nbsp;Với hơn 833k lượt c&agrave;i đặt cho đến nay, tiện &iacute;ch mở rộng n&agrave;y hỗ trợ đ&aacute;nh dấu c&uacute; ph&aacute;p cho c&agrave;i đặt m&ocirc;i trường - nghĩa l&agrave; tệp .env.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2">Bracket Pair Colorizer 2</a>, của CoenraadS. Với 730k + lượt c&agrave;i đặt, tiện &iacute;ch mở rộng n&agrave;y l&agrave;m nổi bật c&aacute;c dấu ngoặc ph&ugrave; hợp với c&aacute;c m&agrave;u sắc kh&aacute;c nhau, gi&uacute;p bạn x&aacute;c định dấu ngoặc thuộc khối n&agrave;o.</li>
</ul>

<h2>3. Phần mở rộng Linter </h2>

Bạn đ&atilde; bao giờ tranh luận với đồng đội của m&igrave;nh về tab so với khoảng trắng hoặc dấu chấm phẩy v&agrave; kh&ocirc;ng c&oacute; dấu chấm phẩy chưa? Bạn sẽ nhận ra rằng mọi người c&oacute; &yacute; kiến ​​mạnh mẽ về việc sử dụng phong c&aacute;ch m&atilde; h&oacute;a n&agrave;o. Tuy nhi&ecirc;n, mọi người trong c&ugrave;ng một nh&oacute;m cần phải sử dụng c&ugrave;ng một phong c&aacute;ch m&atilde; h&oacute;a bất kể &yacute; kiến ​​của họ. Tuy nhi&ecirc;n, việc c&aacute;c lập tr&igrave;nh vi&ecirc;n qu&ecirc;n kiểu m&atilde; h&oacute;a m&agrave; họ đ&atilde; đồng &yacute; l&agrave;m việc l&agrave; điều kh&aacute; phổ biến.

Để thực thi c&aacute;c quy tắc, ch&uacute;ng t&ocirc;i cần sử dụng c&aacute;c linters so s&aacute;nh m&atilde; của bạn với c&aacute;c quy tắc bạn đ&atilde; thiết lập. Bạn x&aacute;c định c&aacute;c quy tắc của m&igrave;nh bằng c&aacute;ch chọn một kiểu m&atilde; h&oacute;a phổ biến như Standard , Google v&agrave; Airbnb . Bạn c&oacute; thể sử dụng ch&uacute;ng nguy&ecirc;n trạng hoặc sử dụng tệp cấu h&igrave;nh để t&ugrave;y chỉnh c&aacute;c quy tắc. VS Code kh&ocirc;ng c&oacute; JavaScript linter t&iacute;ch hợp sẵn, v&igrave; vậy bạn sẽ cần c&agrave;i đặt một phần mở rộng.

<ul>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint</a>, của Dirk Baeumer. Với hơn 8 triệu lượt c&agrave;i đặt, đ&acirc;y l&agrave; tiện &iacute;ch mở rộng phổ biến nhất cung cấp hỗ trợ cho thư viện ESLint . Để tiện &iacute;ch mở rộng hoạt động, dự &aacute;n của bạn sẽ cần c&agrave;i đặt c&aacute;c g&oacute;i v&agrave; plugin ESLint. Bạn cũng sẽ cần chỉ định một .eslintrc, sẽ chỉ định c&aacute;c quy tắc m&agrave; tiện &iacute;ch mở rộng sẽ sử dụng để ch&egrave;n m&atilde; của bạn.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint">JSHint</a>, của Dirk Baeumer. Với hơn 1,2 triệu lượt c&agrave;i đặt, tiện &iacute;ch mở rộng n&agrave;y hỗ trợ linting với thư viện JSHint . Cần c&oacute; .jshintrctệp cấu h&igrave;nh để tiện &iacute;ch mở rộng ph&ugrave; hợp với m&atilde; của bạn.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs">StandardJS</a> - Kiểu chuẩn JavaScript , của Sam Chen. Phần mở rộng n&agrave;y (259k + lượt c&agrave;i đặt) chỉ đơn giản l&agrave; t&iacute;ch hợp JavaScript Standard Style v&agrave;o VS Code. Bạn sẽ cần c&agrave;i đặt standardhoặc semiStandardl&agrave; một nh&agrave; ph&aacute;t triển phụ thuộc v&agrave;o dự &aacute;n của m&igrave;nh. Kh&ocirc;ng cần tệp cấu h&igrave;nh. Bạn sẽ cần phải tắt tr&igrave;nh x&aacute;c thực t&iacute;ch hợp của VS Code để tiện &iacute;ch mở rộng n&agrave;y hoạt động.</li>
	<li><a href="https://marketplace.visualstudio.com/items?itemName=ajhyndman.jslint">JSLint</a>, của Andrew Hyndman. Phần mở rộng n&agrave;y cung cấp linting với thư viện JSLint . Bạn sẽ cần c&agrave;i đặt jslintcục bộ hoặc to&agrave;n cầu để tiện &iacute;ch mở rộng hoạt động. N&oacute; đ&atilde; c&oacute; 109k + lượt c&agrave;i đặt cho đến nay.</li>
</ul>

Nếu bạn muốn c&oacute; c&aacute;i nh&igrave;n tổng quan về c&aacute;c loại linters c&oacute; sẵn v&agrave; những ưu v&agrave; nhược điểm của ch&uacute;ng, h&atilde;y xem <a href="https://www.sitepoint.com/comparison-javascript-linting-tools/">so s&aacute;nh về c&aacute;c c&ocirc;ng cụ linting JavaScript.</a>

Nguồn: Khaitan - morioh&nbsp;

10 TIỆN ÍCH MỞ RỘNG VSCODE DÀNH CHO JAVASCRIPT DEVELOPERS NĂM 2020 (P1)

<h3>C&aacute;c phụ huynh thường ph&agrave;n n&agrave;n con nghiện điện thoại nhưng kh&ocirc;ng bao giờ tự hỏi: V&igrave; sao con c&oacute; smartphone? Internet từ đ&acirc;u ra? Khi t&ocirc;i, một gi&aacute;o vi&ecirc;n chủ nhiệm hỏi: &quot;Phụ huynh ơi, c&oacute; ai nghiện điện thoại di động kh&ocirc;ng?&quot;. Chẳng một ai thừa nhận. Nhưng c&aacute;c bậc cha mẹ hay ph&agrave;n n&agrave;n: &quot;C&aacute;c con b&acirc;y giờ nghiện điện thoại qu&aacute; c&ocirc; ạ, suốt cả ng&agrave;y ngồi &ocirc;m điện thoại, vừa chơi lại vừa n&oacute;i chuyện với nhau tới tận đ&ecirc;m&quot;. </h3>

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/sai-lam-vi-cam-con-me-Viet-sua-sai">Cảm thấy sai lầm v&igrave; cấm con d&ugrave;ng điện thoại, xem iPad từ nhỏ v&agrave; đ&acirc;y l&agrave; c&aacute;ch mẹ Việt sửa sai đầy thuyết phục</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/dung-ngan-cam-hay-huong-dan-con-su-dung-mang-xa-hoi-dung-cach">Đừng ngăn cấm, h&atilde;y dạy con sử dụng mạng x&atilde; hội đ&uacute;ng c&aacute;ch</a>
</blockquote>

&quot;V&igrave; sao con lại c&oacute; điện thoại, muốn chơi được phải c&oacute; internet, từ đ&acirc;u ạ?&quot;, t&ocirc;i hỏi ngược. Một vị phụ huynh kh&ocirc;ng ngần ngại nhận ra c&aacute;i sai chung trước mặt mọi người nhưng vẫn băn khoăn: &quot;Nhưng thời c&ocirc;ng nghệ 4.0 m&agrave; lại cấm con d&ugrave;ng điện thoại &agrave;?&quot;.

Đ&uacute;ng vậy, internet v&agrave; điện thoại th&ocirc;ng minh đem tới cho ch&uacute;ng ta một nguồn th&ocirc;ng tin v&ocirc; tận với tốc độ &quot;tia chớp&quot;, sao lại cấm được? Chỉ l&agrave; ch&uacute;ng ta phải sử dụng những phương tiện đ&oacute; l&agrave;m sao cho hợp l&yacute;, chứ kh&ocirc;ng thể lệ thuộc v&agrave;o ch&uacute;ng. C&aacute;c con đang &quot;sống ảo&quot; th&igrave; người lớn phải v&agrave;o tận thế giới ảo, phải biết đường trở về thế giới thực tại th&igrave; mới dẫn lối được cho con c&aacute;i theo.

<img alt="Cha mẹ nghiện điện thoại nhưng lại cấm con dùng chúng - 1" src="https://media.tinmoi.vn/2015/07/17/nghien.jpg" style="height:457px; width:720px" />

Hay đơn giản th&ocirc;i, cả nh&agrave; d&ugrave;ng thiết bị c&ocirc;ng nghệ chung một khung giờ, d&agrave;nh thời gian cho nhau nhiều hơn để bố mẹ, con c&aacute;i gần nhau hơn th&igrave; c&aacute;c con cũng sẽ tự điều chỉnh ch&iacute;nh m&igrave;nh. Giống như mẹ d&aacute;m từ bỏ được c&aacute;i tivi để th&ocirc;i những giọt nước mắt cho những nh&acirc;n vật trong phim hay giống như bố d&aacute;m từ bỏ m&agrave;n h&igrave;nh để th&ocirc;i những tung h&ocirc; &quot;v&agrave;o...&quot;.

Để thay đổi được con c&aacute;i ch&uacute;ng ta &ndash; những vị phụ huynh cần phải thay đổi m&igrave;nh trước ti&ecirc;n. C&aacute;c con ch&iacute;nh l&agrave; những h&igrave;nh ảnh của bố mẹ qua gương. Phụ huynh h&atilde;y d&aacute;m thay đổi m&igrave;nh sẽ thấy kh&ocirc;ng hề dễ như lời m&igrave;nh n&oacute;i với c&aacute;c con. &quot;Lời n&oacute;i đi đ&ocirc;i với việc l&agrave;m&quot;, lời B&aacute;c dạy phải l&agrave; phương tr&acirc;m d&agrave;nh cho cả phụ huynh, gi&aacute;o vi&ecirc;n v&agrave; c&aacute;c học sinh.

<img alt="Cha mẹ nghiện điện thoại nhưng lại cấm con dùng chúng - 2" src="https://www.todaysparent.com/wp-content/uploads/2018/01/little-boy-looking-at-phone-on-couch.jpg" style="height:540px; width:720px" />

Đừng m&atilde;i chỉ nghĩ đ&oacute; l&agrave; việc học của con m&agrave; qu&ecirc;n mất việc l&agrave;m gương cho con c&aacute;i của m&igrave;nh. Để bắt đầu thay đổi được bản th&acirc;n cũng đừng tham vọng qu&aacute;, h&atilde;y vạch ra những việc cụ thể, đơn giản v&agrave; nhất l&agrave; phải tự đ&aacute;nh gi&aacute; được hiệu quả thay đổi của ch&iacute;nh m&igrave;nh th&igrave; ắt hẳn ch&uacute;ng ta sẽ c&ugrave;ng con c&aacute;i cởi mở với nhau hơn, dễ d&agrave;ng hiểu nhau hơn, dễ d&agrave;ng th&ocirc;ng cảm hơn. V&agrave; nhất l&agrave; để mỗi dịp họp phụ huynh, ch&uacute;ng ta c&ugrave;ng nhau chia sẽ những kinh nghiệm từ thực tế để gia đ&igrave;nh &ndash; nh&agrave; trường &ndash; học sinh trở th&agrave;nh một li&ecirc;n kết thống nhất với mục ti&ecirc;u cuối c&ugrave;ng: &quot;học sinh trở th&agrave;nh những c&ocirc;ng d&acirc;n hạnh ph&uacute;c&quot;.

Để nhận th&ecirc;m nhiều th&ocirc;ng tin bổ &iacute;ch v&agrave;&nbsp;t&agrave;i liệu học tập cho con, bố mẹ tham gia nh&oacute;m&nbsp;Đồng h&agrave;nh c&ugrave;ng con v&agrave;o thời đại 4.0&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Theo: Vnexpress

Khi cha mẹ nghiện điện thoại nhưng lại cấm con sử dụng

<h3>C&oacute; thể đ&aacute;nh m&aacute;y bằng 10 ng&oacute;n l&agrave; một lợi thế rất lớn trong việc học tập v&agrave; l&agrave;m việc. Hơn nữa việc sử dụng th&agrave;nh thạo g&otilde; 10 ng&oacute;n gi&uacute;p n&acirc;ng cao hiệu suất c&ocirc;ng việc, giảm thời gian l&agrave;m việc trước m&agrave;n h&igrave;nh m&aacute;y t&iacute;nh của ch&uacute;ng ta. Dưới đ&acirc;y l&agrave; 4 phần mềm luyện g&otilde; 10 ng&oacute;n tốt nhất hiện nay:&nbsp;</h3>

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/huong-dan-su-dung-gmail-p1">Hướng dẫn sử dụng Gmail to&agrave;n tập (P1)</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/lap-trinh-khong-can-may-tinh">Học lập tr&igrave;nh kh&ocirc;ng cần m&aacute;y t&iacute;nh</a>
</blockquote>

<h2>1. TypingMaster Pro </h2>

Với giao diện đơn giản dễ sử dụng, c&ugrave;ng danh s&aacute;ch 12 b&agrave;i học chia l&agrave;m nhiều phần nhỏ tăng dần từ dễ đến kh&oacute;. Gi&uacute;p người d&ugrave;ng c&oacute; thể cải thiện v&agrave; n&acirc;ng cao tr&igrave;nh độ g&otilde; 10 ng&oacute;n của m&igrave;nh.

Tải phần mềm <a href="http://download.typingmaster10.com/TypingMaster10Installer.exe">tại đ&acirc;y</a>.

<img alt="Phần mềm luyện đánh 10 ngón TypingMaster Pro " src="https://fptshop.com.vn/Uploads/images/2015/Tin-Tuc/MinhHieu/thang4-new/1/20/4-phan-mem-danh-may-10-ngon-tay-tot-nhat-hien-nay-1.jpg" style="height:540px; width:789px" />

<h2>2. UltraKey</h2>

UltraKey l&agrave; phần mềm hỗ trợ người d&ugrave;ng luyện tập đ&aacute;nh m&aacute;y bằng 10 ng&oacute;n tay kết hợp mini game v&agrave;o giao diện phần mềm. Tuy hiện tại phần mềm chỉ hỗ trợ ng&ocirc;n ngữ tiếng Anh nhưng c&aacute;ch sử dụng v&ocirc; c&ugrave;ng đơn giản.

Tải phần mềm <a href="https://downloads.bytesoflearning.com/download/UKEY6/UKey6NAHomeSetup.exe">tại đ&acirc;y</a>.

<img alt="Phần mềm luyện đánh 10 ngón UltraKey" src="https://fptshop.com.vn/Uploads/images/2015/Tin-Tuc/MinhHieu/thang4-new/1/20/4-phan-mem-danh-may-10-ngon-tay-tot-nhat-hien-nay-2.jpg" style="height:500px; width:800px" />

<h2>3. Mario Teaches Typing</h2>

Nếu bạn đang t&igrave;m một phần mềm hộ trợ luyện tập g&otilde; 10 ng&oacute;n cho trẻ em th&igrave; đ&acirc;y l&agrave; một lựa chọn kh&ocirc;ng thể bỏ qua. Với giao diện bắt mắt nhiều m&agrave;u sắc kết hợp tr&ograve; chơi Mario nổi tiếng. Phần mềm Mario Teaches Typing gi&uacute;p việc học đ&aacute;nh m&aacute;y trở n&ecirc;n dễ d&agrave;ng hơn.

Tải phẩn mềm <a href="http://f51.x8top.net/2107tmp/cf/soft/2014/12/ba/3/mario_10.zip">tại đ&acirc;y</a>.&nbsp;

<img alt="Phần mềm luyện đánh 10 ngón Mario Teaches Typing" src="https://fptshop.com.vn/Uploads/images/2015/Tin-Tuc/MinhHieu/thang4-new/1/20/4-phan-mem-danh-may-10-ngon-tay-tot-nhat-hien-nay-3.jpg" style="height:438px; width:656px" />

<h2>4. Typing Instructor Platinum </h2>

Th&ecirc;m một lựa chọn nữa cho những người đang t&igrave;m kiếm phần mềm hỗ trợ luyện tập g&otilde; 10 ng&oacute;n tay tr&ecirc;n m&aacute;y t&iacute;nh. Với giao diện v&ocirc; c&ugrave;ng đơn giản, c&aacute;c chữ được thay đổi m&agrave;u sắc gi&uacute;p người d&ugrave;ng dễ d&agrave;ng tiếp cận v&agrave; sử dụng hơn. B&ecirc;n cạnh đ&oacute;, những hướng dẫn chi tiết sẽ gi&uacute;p &iacute;ch rất nhiều cho những người bước đầu luyện tập g&otilde; 10 ng&oacute;n.

Tải phần mềm <a href="http://http://taimienphi.vn/rd-file.aspx?s=1&amp;sname=Typing%20Instructor%20for%20Kids%20Platinum&amp;size=401%20MB&amp;xurl=2107tmp/cf/larger/2015/typing-instructor-for-kids-platinum_50.exe">tại đ&acirc;y</a>.

<img alt="Phần mềm luyện đánh 10 ngón Typing Instructor Platinum" src="https://fptshop.com.vn/Uploads/images/2015/Tin-Tuc/MinhHieu/thang4-new/1/20/4-phan-mem-danh-may-10-ngon-tay-tot-nhat-hien-nay-4.jpeg" style="height:500px; width:800px" />

Để nhận th&ecirc;m nhiều th&ocirc;ng tin bổ &iacute;ch v&agrave;&nbsp;t&agrave;i liệu học tập cho con, bố mẹ tham gia nh&oacute;m&nbsp;Đồng h&agrave;nh c&ugrave;ng con v&agrave;o thời đại 4.0&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Tồng hợp: FPTshop

4 phần mềm luyện đánh 10 ngón tốt nhất hiện nay

<h3>Để tr&aacute;nh trường hợp trẻ sa đ&agrave; v&agrave;o <a href="https://mindx.edu.vn/blog/post/de-tre-tranh-nghien-game-khi-nghi-he">chơi game</a> mất kiểm so&aacute;t, g&acirc;y nguy hiểm đến sức khỏe, h&ocirc;m nay bố mẹ h&atilde;y c&ugrave;ng MindX t&igrave;m hiểu c&aacute;ch giới hạn thời gian sử dụng ứng dụng tr&ecirc;n Iphone/Ipad bằng c&aacute;ch k&iacute;ch hoạt t&iacute;nh năng App Limit nh&eacute;. </h3>

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/5-phan-mem-nhac-nho-nghi-ngoi-khi-dung-may-tinh">5 phần mềm nhắc nhở nghỉ ngơi khi d&ugrave;ng m&aacute;y t&iacute;nh</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/tong-hop-cac-cach-giup-bo-me-quan-ly-con-su-dung-thiet-bi-cong-nghe-an-toan-va-hieu-qua">Tổng hợp c&aacute;ch quản l&yacute; con sử dụng thiết bị c&ocirc;ng nghệ an to&agrave;n v&agrave; hiệu quả</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/sai-lam-vi-cam-con-me-Viet-sua-sai">Cảm thấy sai lầm v&igrave; cấm con d&ugrave;ng điện thoại, xem iPad từ nhỏ v&agrave; đ&acirc;y l&agrave; c&aacute;ch mẹ Việt sửa sai đầy thuyết phục</a>
</blockquote>

Đ&acirc;y l&agrave; t&iacute;nh năng nằm trong c&ocirc;ng cụ Screen Time quản l&yacute; thời gian sử dụng iPhone hay iPad, xem b&aacute;o c&aacute;o số liệu sử dụng theo h&agrave;ng ng&agrave;y hay h&agrave;ng tuần. Screen Time tr&ecirc;n thiết bị được gọi l&agrave; Thời gian sử dụng m&agrave;n h&igrave;nh.

<ul>
	<li>Để khởi động Screen Time, truy cập v&agrave;o Settings (C&agrave;i đặt) chọn c&ocirc;ng cụ Screen Time (Thời gian sử dụng) rồi nhấn Continue để bật Screen Time.</li>
</ul>

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-1" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/119062208_1828311177334669_4456031490582733933_n.jpg?_nc_cat=108&amp;_nc_sid=07e735&amp;_nc_ohc=-VlDtrtQ19UAX9fjW7B&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=68b94366d59062c2673d233c8b73a9e7&amp;oe=5F8EAAC8" style="height:531px; width:600px" />

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-2" src="https://scontent.fsgn5-5.fna.fbcdn.net/v/t1.0-9/118886548_1828311184001335_4868489045948580083_n.jpg?_nc_cat=100&amp;_nc_sid=07e735&amp;_nc_ohc=eCICcfZ411IAX9t-Qs4&amp;_nc_ht=scontent.fsgn5-5.fna&amp;oh=cca0902b2be198c448403599f4f327e6&amp;oe=5F8BDA2D" style="height:527px; width:600px" />

<ul>
	<li>Trong giao diện Screen Time sẽ c&oacute; phần tr&ecirc;n c&ugrave;ng hiển thị thời gian sử dụng iPhone hay iPad. Ph&iacute;a dưới sẽ c&oacute; 4 mục t&ugrave;y chọn kh&aacute;c nhau gồm Downtime, App Limits, Always Allowed, Content &amp; Privacy Restrictions. Mỗi một t&ugrave;y chọn sẽ c&oacute; những nội dung kh&aacute;c nhau.</li>
</ul>

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-3" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/119131392_1828311194001334_4769633433449882642_n.jpg?_nc_cat=103&amp;_nc_sid=07e735&amp;_nc_ohc=CqH_H2rPEzUAX8g29EO&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=e426da6e2cd2f83cad7f9cd24c27124c&amp;oe=5F8CF2C5" style="height:533px; width:600px" />

<h2>1. Downtime </h2>

Người d&ugrave;ng c&oacute; thể thiết lập khoảng thời gian nghỉ ngơi. Trong khung thời gian đ&atilde; thiết lập chỉ những ứng dụng m&agrave; bạn chọn v&agrave; ứng dụng điện thoại sẽ hoạt động. Những ứng dụng kh&aacute;c sẽ dừng hoạt động T&iacute;nh năng n&agrave;y hoạt động kh&aacute; giống với t&iacute;nh năng Do not Disturb. Bạn c&oacute; thể lựa chọn thời gian bắt đầu v&agrave; kết th&uacute;c. Nếu k&iacute;ch hoạt t&ugrave;y chọn Block At Downtime th&igrave; to&agrave;n bộ ứng dụng v&agrave; c&aacute;c chức năng tr&ecirc;n iPhone sẽ đều dừng hoạt động.

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-4" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/119061512_1828311200668000_1369918610653028420_n.jpg?_nc_cat=105&amp;_nc_sid=07e735&amp;_nc_ohc=4-G_-j_lRjUAX_4gOgP&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=4a6853b2b5c6378b8bea50733f34d320&amp;oe=5F8EA5F4" style="height:533px; width:600px" />

<h2>2. App Limits (Giới hạn ứng dụng) </h2>

Đ&acirc;y l&agrave; t&iacute;nh năng gi&uacute;p bạn giới hạn thời gian sử dụng ứng dụng tr&ecirc;n thiết bị. Nhấn chọn n&uacute;t Th&ecirc;m thời gian (Add Limit).

- Sau đ&oacute; sẽ xuất hiện danh s&aacute;ch ứng dụng, tr&ograve; chơi để người d&ugrave;ng lựa chọn. Nếu muốn giới hạn tr&ograve; chơi nhấn v&agrave;o mục Games. B&ecirc;n cạnh đ&oacute; c&ograve;n c&oacute; mục Social Networking, Entertainment, Creativity, Education, Reading &amp; Reference, Health &amp; Fitness, Others.

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-4" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/119027432_1828311264001327_5082481135272355785_n.jpg?_nc_cat=106&amp;_nc_sid=07e735&amp;_nc_ohc=7Tm_5YyiBssAX9IYTUo&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=3195f74b84d135487396f49979c73381&amp;oe=5F8F9F0D" style="height:533px; width:600px" />

- Tiếp đến bạn chọn thời gian sử dụng ứng dụng. Nếu muốn chọn từng ng&agrave;y cụ thể nhấn v&agrave;o mục Customize Days (Tuỳ chỉnh ng&agrave;y) để chọn chi tiết hơn. C&oacute; thể lựa chọn thời gian sử dụng ứng dụng kh&aacute;c nhau trong từng ng&agrave;y.

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-5" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/118823273_1828311270667993_3230466944676171957_n.jpg?_nc_cat=107&amp;_nc_sid=07e735&amp;_nc_ohc=b_g3f23t2Y4AX9rMeCS&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=f9e08076e12935641305c6204ad15f90&amp;oe=5F8F208D" style="height:533px; width:600px" />

- Khi những ứng dụng được k&iacute;ch hoạt App Limits, giao diện m&agrave;n h&igrave;nh sẽ hiển thị th&ocirc;ng b&aacute;o sắp hết thời gian sử dụng. V&agrave; khi hết thời gian bạn sẽ nhận được th&ocirc;ng b&aacute;o kh&ocirc;ng được sử dụng tiếp. Ngo&agrave;i ra khi nhấn v&agrave;o Ignore Limit sẽ hiển thị th&ecirc;m 3 t&ugrave;y chọn kh&aacute;c.

- Ngo&agrave;i ra nếu muốn chọn nhanh ứng dụng thường d&ugrave;ng để thiết lập thời hạn sử dụng, tại giao diện ch&iacute;nh của Screen Time nhấn v&agrave;o t&ecirc;n thiết bị. Sau đ&oacute; nh&igrave;n xuống phần Most used sẽ thấy những ứng dụng thường d&ugrave;ng. Để đặt thời gian chỉ cần nhấn v&agrave;o biểu tượng đồng hồ c&aacute;t.

<h2>3. Lu&ocirc;n cho ph&eacute;p (Always Allowed)</h2>

Phần n&agrave;y sẽ lựa chọn những ứng dụng sẽ lu&ocirc;n hoạt động ngay cả khi k&iacute;ch hoạt chế độ Downtime b&ecirc;n tr&ecirc;n. V&iacute; dụ những ứng dụng học tiếng Anh, To&aacute;n, <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-cho-tre-em">lập tr&igrave;nh</a>...

<h2>4. Ngăn x&oacute;a ứng dụng</h2>

T&iacute;nh năng n&agrave;y c&oacute; sẵn trong mục Giới Hạn của Thời gian sử dụng trong C&agrave;i Đặt iPhone. Bạn c&oacute; thể bật t&iacute;nh năng n&agrave;y l&ecirc;n v&agrave; tất cả ứng dụng tr&ecirc;n iPhone của bạn sẽ kh&ocirc;ng thể n&agrave;o bị x&oacute;a.

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-6" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/118876985_1828311294001324_6245195367966381953_n.jpg?_nc_cat=109&amp;_nc_sid=07e735&amp;_nc_ohc=pvG89aQ4XvAAX8OKj3I&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=d98530f1d7d746c401227d807953e56f&amp;oe=5F8E8E5D" style="height:533px; width:600px" />

Bước 1: V&agrave;o ứng dụng C&agrave;i Đặt &gt; chọn Thời gian sử dụng &gt; chọn Bật giới hạn.

<img alt="Giới hạn thời gian chơi game của trẻ trên ipad/iphone-7" src="https://scontent-hkt1-1.xx.fbcdn.net/v/t1.0-9/118796123_1828311340667986_6173882711481568611_n.jpg?_nc_cat=109&amp;_nc_sid=07e735&amp;_nc_ohc=nlicUXdxp0cAX8deQ69&amp;_nc_ht=scontent-hkt1-1.xx&amp;oh=9a9699e67437e9cba839a4e2ec9879af&amp;oe=5F8E4C14" style="height:533px; width:600px" />

Bước 2: Trong menu Bật giới hạn bạn h&atilde;y Bật giới hạn l&ecirc;n v&agrave; chọn Mua h&agrave;ng iTunes &amp; App Store. Tiếp theo trong mục X&oacute;a ứng dụng bạn h&atilde;y bật Kh&ocirc;ng cho ph&eacute;p hay th&igrave; Cho Ph&eacute;p. Nếu kh&ocirc;ng muốn bọn trẻ v&agrave;o Bật giới hạn v&agrave; chọn lại cho ph&eacute;p x&oacute;a ứng dụng. Bạn h&atilde;y v&agrave;o lại Thời gian sử dụng v&agrave; chọn Sử dụng mật m&atilde; thời gian ứng dụng.

Bố mẹ tham gia nh&oacute;m để c&ugrave;ng thảo luận v&agrave; nhận nhiều t&agrave;i liệu học tập cho con&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Nguồn: Quantrimang&nbsp;

GIỚI HẠN THỜI GIAN TRẺ CHƠI GAME TRÊN IPHONE/IPAD

<h2>Mới đ&acirc;y nhất, nền tảng tuyển dụng IT TopDev vừa ph&aacute;t h&agrave;nh b&aacute;o c&aacute;o thị trường IT nửa đầu năm 2020, đ&aacute;nh gi&aacute; to&agrave;n bộ thị trường C&ocirc;ng nghệ th&ocirc;ng tin Việt Nam hậu đại dịch COVID-19 cũng như nhu cầu tuyển dụng của doanh nghiệp.</h2>

<a href="https://cdn.tuoitre.vn/2020/7/16/photo-1-1594888817944417908098.jpg" target="_blank" title="Báo cáo thị trường IT nửa đầu năm 2020 tại Việt Nam"><img alt="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 1." id="img_175ee1f0-c740-11ea-b051-a11b7a9e5065" src="https://cdn.tuoitre.vn/thumb_w/586/2020/7/16/photo-1-1594888817944417908098.jpg" title="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 1." /></a>

Nh&igrave;n chung, tốc độ tăng trưởng v&agrave; nhu cầu tuyển dụng của c&aacute;c c&ocirc;ng ty c&oacute; dấu hiệu hồi phục v&agrave; tăng trưởng trở lại sau đại dịch.

Vẫn lấy <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-tu-co-ban-toi-nang-cao">ng&agrave;nh IT</a> (C&ocirc;ng nghệ th&ocirc;ng tin) l&agrave;m đầu t&agrave;u mũi nhọn cho sự ph&aacute;t triển của đất nước, sự khởi sắc của ng&agrave;nh đem lại nhiều t&iacute;n hiệu đ&aacute;ng mừng cho nền kinh tế cũng như sự lan tỏa t&iacute;ch cực đến c&aacute;c lĩnh vực, ng&agrave;nh nghề kh&aacute;c.&nbsp;

CEO của nền tảng&nbsp;tuyển dụng TopDev, &ocirc;ng Nguyễn Hữu B&igrave;nh cho rằng ng&agrave;nh IT đang nhận được rất nhiều sự quan t&acirc;m của ch&iacute;nh phủ cũng như c&aacute;c tập đo&agrave;n c&ocirc;ng nghệ nước ngo&agrave;i.

Ch&iacute;nh v&igrave; vậy, doanh nghiệp cần chung tay đ&ecirc;̉ &quot;xây t&ocirc;̉&quot; cải ti&ecirc;́n và thúc đ&acirc;̉y công nghệ đ&ecirc;̉ sẵn sàng cho những cuộc chuy&ecirc;̉n mình lớn trong tương lai. Đón &quot;đại bàng&quot; hay &quot;chim sẻ&quot; thời gian sẽ sớm trả lời, chỉ c&acirc;̀n chúng ta có sự chu&acirc;̉n bị đ&acirc;̀y đủ, Việt Nam chắc chắn sẽ gặt quả ngọt.

<blockquote>
<a href="https://mindx.edu.vn/blog/post/lap-trinh-vien-Front-end-la-newbie-nen-bo-tui-nhung-gi">Lập tr&igrave;nh vi&ecirc;n Frontend l&agrave; newbie n&ecirc;n bỏ t&uacute;i những g&igrave;?</a>

<a href="https://mindx.edu.vn/blog/post/lam-sao-de-ba-noi-cung-hieu-big-data">L&agrave;m sao để b&agrave; nội cũng hiểu Big Data</a>

<a href="https://mindx.edu.vn/blog/post/co-qua-muon-de-tro-thanh-lap-trinh-vien">Liệu c&oacute; qu&aacute; muộn để trở th&agrave;nh lập tr&igrave;nh vi&ecirc;n</a>
</blockquote>

<h3>Xu hướng doanh nghiệp ưu ti&ecirc;n t&aacute;i đ&agrave;o tạo nh&acirc;n vi&ecirc;n</h3>

Ứng biến với dịch COVID-19, doanh nghiệp cũng thay đổi kế hoạch tuyển dụng để ph&ugrave; hợp với ng&acirc;n s&aacute;ch. Hơn 50% doanh nghiệp vẫn duy tr&igrave; tuyển dụng, v&igrave; nh&igrave;n chung ng&agrave;nh IT kh&ocirc;ng chịu sự biến động mạnh như c&aacute;c ng&agrave;nh nghề kh&aacute;c.&nbsp;

D&ugrave; vậy, vẫn c&oacute; khoảng 10% doanh nghiệp buộc phải đưa ra những quyết định kh&oacute; khăn nhằm đảm bảo nguồn t&agrave;i ch&iacute;nh v&agrave; sự sống c&ograve;n của c&ocirc;ng ty.

Ngay sau đại dịch, một số vị tr&iacute; nhận được sự ưu ti&ecirc;n trong c&ocirc;ng t&aacute;c tuyển dụng: như vị tr&iacute; cấp quản l&yacute; rất được ch&uacute; trọng. Đ&aacute;ng ch&uacute; &yacute;, nh&acirc;n lực c&oacute; kinh nghiệm nhận được sự quan t&acirc;m rất ch&ecirc;nh lệch so với fresher (0-2 năm kinh nghiệm).

<a href="https://cdn.tuoitre.vn/2020/7/16/photo-1-15948888209612076704972.jpg" target="_blank" title="Doanh nghiệp ưu tiên tuyển dụng những vị trí có kinh nghiệm sau đại dịch"><img alt="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 2." id="img_615c2fc0-c73f-11ea-a337-0fa6b0a69fda" src="https://cdn.tuoitre.vn/thumb_w/586/2020/7/16/photo-1-15948888209612076704972.jpg" title="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 2." /></a>

Doanh nghiệp ưu ti&ecirc;n tuyển dụng những vị tr&iacute; c&oacute; kinh nghiệm sau đại dịch

Thay v&igrave; định hướng tuyển dụng c&aacute;c fresher, doanh nghiệp c&oacute; 2 xu hướng, tập trung tuyển vị tr&iacute; đa kỹ năng, kinh nghiệm cao; v&agrave; n&acirc;ng cấp nội bộ nguồn nh&acirc;n lực sẵn c&oacute;.&nbsp;

Trong đ&oacute;, c&acirc;n nhắc việc upskill nh&acirc;n vi&ecirc;n hiện tại với 26% người tham gia khảo s&aacute;t chắc chắn lựa chọn, theo sau đ&oacute; l&agrave; re-skill với tỷ lệ lựa chọn chắc chắn thay đổi l&agrave; 23%.

<a href="https://cdn.tuoitre.vn/2020/7/16/photo-2-1594888820965370054020.jpg" target="_blank" title="Sự thay đổi trong chính sách tuyển dụng do dịch COVID"><img alt="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 3." id="img_19191510-c740-11ea-b051-a11b7a9e5065" src="https://cdn.tuoitre.vn/thumb_w/586/2020/7/16/photo-2-1594888820965370054020.jpg" title="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 3." /></a>

Sự thay đổi trong ch&iacute;nh s&aacute;ch tuyển dụng do dịch COVID

<h3>Mức Lương l&ecirc;n đến 130 triệu, ti&ecirc;u chuẩn tuyển dụng dần khắt khe hơn</h3>

<a href="https://cdn.tuoitre.vn/2020/7/16/photo-3-1594888820967206478103.jpg" target="_blank" title="Thị trường có những bước phân hóa trong nhu cầu tuyển dụng ở các mức trình độ"><img alt="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 4." id="img_19301f80-c740-11ea-b051-a11b7a9e5065" src="https://cdn.tuoitre.vn/thumb_w/586/2020/7/16/photo-3-1594888820967206478103.jpg" title="Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái - Ảnh 4." /></a>

Thị trường c&oacute; những bước ph&acirc;n h&oacute;a trong nhu cầu tuyển dụng ở c&aacute;c mức tr&igrave;nh độ

C&oacute; thể thấy, thị trường dần c&oacute; sự chuyển dịch v&agrave; ph&acirc;n h&oacute;a r&otilde; r&agrave;ng hơn với nh&acirc;n sự IT ở c&aacute;c mức tr&igrave;nh độ kh&aacute;c nhau. Điều n&agrave;y thể hiện r&otilde; nhất ngay từ giai đoạn COVID-19, c&aacute;c nh&acirc;n sự IT c&oacute; kinh nghiệm, đ&aacute;p ứng nhu cầu thị trường nhanh n&ecirc;n mức lương trung b&igrave;nh cũng tăng nhanh hơn so với thị trường; nhu cầu tuyển c&aacute;c vị tr&iacute; n&agrave;y cũng tăng đ&aacute;ng kể.&nbsp;

Mặt kh&aacute;c, mức lương trung b&igrave;nh của nh&acirc;n sự IT thường sẽ c&oacute; xu hướng giảm dần v&agrave; tốc độ tăng chững lại.

Mức lương trung b&igrave;nh cao nhất trong giới lập tr&igrave;nh thuộc về vị tr&iacute; CTO/CIO (l&ecirc;n đến 130 triệu đồng), người đảm nhận c&ocirc;ng việc quản l&yacute;, tối ưu c&ocirc;ng nghệ của doanh nghiệp. C&ocirc;ng nghệ được trả lương cao nhất l&agrave; Kubernetes (38 triệu đồng).

Nh&igrave;n chung, so với khảo s&aacute;t năm 2019 do TopDev ph&aacute;t h&agrave;nh, kh&ocirc;ng c&oacute; sự tăng trưởng đột biến về mức lương trung b&igrave;nh cho c&aacute;c vị tr&iacute;. Tuy nhi&ecirc;n, đối mặt với nhu cầu, đầu tư từ c&aacute;c doanh nghiệp lớn quốc tế, c&acirc;u chuyện về ph&uacute;c lợi v&agrave; thu nhập của ng&agrave;nh lập tr&igrave;nh sẽ lu&ocirc;n thay đổi v&agrave; mang t&iacute;nh cạnh tranh hơn.

<h3>Việt Nam đ&atilde; sẵn s&agrave;ng đ&oacute;n nhận đầu tư?</h3>

L&agrave;n s&oacute;ng dịch chuyển đầu tư l&agrave; c&oacute; thật, đơn cử l&agrave; những động th&aacute;i mở nh&agrave; m&aacute;y, trung t&acirc;m nghi&ecirc;n cứu, tuyển dụng nh&acirc;n sự tại Việt Nam của những &ocirc;ng lớn c&ocirc;ng nghệ như HCL, Samsung, Apple, Qualcomm hay Panasonic...

Theo c&aacute;c chuy&ecirc;n gia t&agrave;i ch&iacute;nh, để đ&oacute;n l&agrave;n s&oacute;ng chuyển dịch n&agrave;y, hai vấn đề doanh nghiệp ng&agrave;nh IT Việt cần th&aacute;o gỡ l&agrave; cơ sở vật chất v&agrave; chất lượng tay nghề.&nbsp;

Giải ph&aacute;p trước mắt l&agrave; sự hỗ trợ miễn giảm c&aacute;c loại ph&iacute; từ Ch&iacute;nh phủ, cộng với gi&aacute;o dục n&acirc;ng cao tay nghề từ c&aacute;c đơn vị đ&agrave;o tạo v&agrave; trong ch&iacute;nh doanh nghiệp.

Nh&igrave;n chung, nền kinh tế Việt Nam được nhận định sẽ sẵn s&agrave;ng bật dậy sau dịch COVID-19. Nh&agrave; kinh tế Edward Teather cho hay: &quot;Nền kinh tế Việt Nam chịu một số tổn thương do t&aacute;c động của dịch COVID-19, nhưng vẫn c&oacute; triển vọng s&aacute;ng nhất khu vực ch&acirc;u &Aacute;.&nbsp;

Doanh số b&aacute;n lẻ, nhập khẩu v&agrave; sản xuất c&ocirc;ng nghiệp của Việt Nam đều tăng trong th&aacute;ng 6 so với c&ugrave;ng kỳ năm trước. R&otilde; r&agrave;ng, t&igrave;nh h&igrave;nh Việt Nam tốt hơn hầu hết nền kinh tế ch&acirc;u &Aacute; kh&aacute;c&quot;.

B&aacute;o c&aacute;o nửa đầu năm 2020 về thị trường, nhu cầu nh&acirc;n sự CNTT do TopDev ph&aacute;t h&agrave;nh đ&atilde; được đăng tải&nbsp;<a href="https://topdev.vn/get-report#utm_source=topdev_media&amp;utm_medium=paid_media&amp;utm_campaign=reportQ3" rel="nofollow" target="_blank" title="tại đây">tại đ&acirc;y</a>.

Nguồn: Tuoitre

Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái

Lập tr&igrave;nh l&agrave; c&ocirc;ng việc tạo ra một sản phẩm, một th&agrave;nh quả, v&agrave; con đường trở th&agrave;nh <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-tu-co-ban-toi-nang-cao">lập tr&igrave;nh</a> vi&ecirc;n sẽ r&otilde; r&agrave;ng hơn khi bạn biết r&otilde; thứ m&agrave; c&aacute;c bạn sẽ tạo ra. Nếu mục ti&ecirc;u của bạn chỉ l&agrave; &ldquo;học viết code&rdquo;, m&agrave; kh&ocirc;ng c&oacute; định hướng r&otilde; r&agrave;ng về thứ m&agrave; c&aacute;c bạn sẽ l&agrave;m ra v&agrave; c&aacute;ch ch&uacute;ng sẽ l&agrave;m cho cuộc sống tốt đẹp hơn, bạn sẽ thấy con đường ph&iacute;a trước đầy ch&ocirc;ng gai v&agrave; kh&oacute; nhọc.

<blockquote>
<a href="https://mindx.edu.vn/blog/post/co-qua-muon-de-tro-thanh-lap-trinh-vien">Liệu c&oacute; qu&aacute; mu&ocirc;n để trở th&agrave;nh lập tr&igrave;nh vi&ecirc;n?</a>

<a href="https://mindx.edu.vn/blog/post/loi-khuyen-cua-nha-van-cho-lap-trinh-vien">Lời khuy&ecirc;n của nh&agrave; văn cho lập tr&igrave;nh vi&ecirc;n</a>

<a href="https://mindx.edu.vn/blog/post/hoc-lap-trinh-cho-nguoi-moi-bat-dau">Học lập tr&igrave;nh cho người mới bắt đầu cực dễ với những &quot;tips&quot; bỏ t&uacute;i sau</a>
</blockquote>

Vậy bạn muốn lập tr&igrave;nh thứ g&igrave;? Một website, game, hay app điện thoại? Hoặc c&oacute; thể bạn muốn x&acirc;y dựng hẳn một c&ocirc;ng ty khởi nghiệp đ&aacute;ng gi&aacute; h&agrave;ng triệu USD? Hay bạn muốn sử dụng kiến thức của m&igrave;nh để l&agrave;m c&aacute;c sếp h&agrave;i l&ograve;ng v&agrave; d&agrave;nh thời gian để l&agrave;m những việc kh&aacute;c? Hoặc đơn giản bạn chỉ muốn kiếm việc dễ d&agrave;ng hơn, muốn bổ sung v&agrave;o hồ sơ của m&igrave;nh những thuật ngữ to t&aacute;t, hoặc ho&agrave;n thiện chương tr&igrave;nh học của m&igrave;nh. Tất cả những l&iacute; do tr&ecirc;n đều c&oacute; thể trở th&agrave;nh mục ti&ecirc;u của bạn. Nhưng tr&ecirc;n hết, bạn cần phải biết m&igrave;nh cần g&igrave;, v&agrave; h&atilde;y học tập phục vụ cho điều đ&oacute;.

<h3>1. Kh&ocirc;ng c&oacute; g&igrave; l&agrave; b&iacute; ẩn về lập tr&igrave;nh: </h3>

Lập tr&igrave;nh cũng l&agrave; một kỹ năng, giống như những việc kh&aacute;c. Giống như việc học ngoại ngữ, lập tr&igrave;nh vi&ecirc;n cũng phải học những mệnh đề ngữ ph&aacute;p v&agrave; từ vựng. Lập tr&igrave;nh cũng giống như to&aacute;n, c&aacute;c bạn sẽ phải theo c&aacute;c bước trong quy tr&igrave;nh để giải một đề b&agrave;i.

<h3>2. Kh&ocirc;ng c&oacute; g&igrave; chạy ngay từ lần thử đầu ti&ecirc;n </h3>

&hellip; v&agrave; chưa chắc đ&atilde; chạy trong lần thứ hai hoặc thứ 3 Khi bạn mới học lập tr&igrave;nh, bạn sẽ gặp phải t&igrave;nh huống sau: bạn nghĩ rằng tất cả c&aacute;c d&ograve;ng code đều ho&agrave;n hảo v&agrave; bạn đ&atilde; kiểm tra kỹ tất cả mọi thứ, nhưng code của bạn kh&ocirc;ng hề chạy! Bạn kh&ocirc;ng biết bắt đầu từ đ&acirc;u để sửa, v&agrave; những d&ograve;ng th&ocirc;ng b&aacute;o (nếu may mắn ch&uacute;ng sẽ được hiện l&ecirc;n m&agrave;n h&igrave;nh) kh&oacute; hiểu.

Bạn c&oacute; thể nghĩ tới việc từ bỏ tại đ&acirc;y, v&agrave; nghĩ rằng sẽ kh&ocirc;ng bao giờ c&oacute; thể t&igrave;m ra c&acirc;u trả lời. Nhưng lập tr&igrave;nh vi&ecirc;n ở bất kỳ tr&igrave;nh độ n&agrave;o cũng gặp phải điều n&agrave;y th&ocirc;i. N&oacute; kh&ocirc;ng phản &aacute;nh tr&iacute; tuệ của bạn, cũng như ảnh hưởng tới khả năng kh&aacute;m ph&aacute; c&ocirc;ng nghệ hay cuộc đời lập tr&igrave;nh sau n&agrave;y của bạn. M&agrave; quan trọng l&agrave; c&aacute;ch bạn xử l&yacute; n&oacute; như thế n&agrave;o.

<img alt="Ước gì có ai nói với tôi những điều này khi mới học lâp trình - Ảnh 1" src="https://www.itprotoday.com/sites/itprotoday.com/files/styles/article_featured_retina/public/Programmer%20working%20with%20code.jpg?itok=dHuUlyhV" style="height:374px; width:720px" />

<h3>3.&nbsp; Sẽ c&oacute; ai đ&oacute; lu&ocirc;n lu&ocirc;n n&oacute;i rằng những g&igrave; bạn l&agrave;m l&agrave; sai </h3>

Những tranh c&atilde;i xung quanh việc d&ugrave;ng dấu ngoặc nhọn ( } ) ở cuối d&ograve;ng lệnh hay ở đầu d&ograve;ng tiếp theo sẽ diễn ra li&ecirc;n mi&ecirc;n. Việc n&agrave;y cũng xảy ra với việc d&ugrave;ng ph&iacute;m tab để l&ugrave;i v&agrave;o khi viết code. Đ&ocirc;i khi bạn cũng bị cuốn v&agrave;o những tranh c&atilde;i tr&aacute;i chiều dạng như &ldquo;phải comment cho từng h&agrave;m khi viết code&rdquo; v&agrave; &ldquo;code tốt l&agrave; kh&ocirc;ng cần d&ugrave;ng comment&rdquo;.

Nhưng thực sự th&igrave; kh&ocirc;ng bao giờ c&oacute; một chuẩn mực r&otilde; r&agrave;ng cho việc lập tr&igrave;nh. Rất nhiều lập tr&igrave;nh vi&ecirc;n đ&atilde; lựa chọn c&aacute;ch l&agrave;m việc m&agrave; họ cảm thấy ph&ugrave; hợp nhất với m&igrave;nh, nhưng chưa chắc đ&oacute; đ&atilde; l&agrave; con đường duy nhất. Việc đối mặt với nhiều người trong nghề v&agrave; nghe những nhận x&eacute;t đ&uacute;ng sai của họ về việc lập tr&igrave;nh của bạn l&agrave; một việc v&ocirc; c&ugrave;ng vất vả khi bạn bắt đầu sự nghiệp.&nbsp;

<h3>4. Sẽ c&oacute; những người nhận x&eacute;t bạn kh&ocirc;ng phải l&agrave; lập tr&igrave;nh vi&ecirc;n thực thụ</h3>

Lập tr&igrave;nh c&oacute; &yacute; nghĩa kh&aacute;c nhau với những người kh&aacute;c nhau, v&agrave; bản th&acirc;n c&ocirc;ng việc lập tr&igrave;nh cũng đ&atilde; kh&aacute;c rất nhiều so với thời điểm n&oacute; mới xuất hiện. Điều nực cười l&agrave; rất nhiều c&ocirc;ng cụ, nền tảng được tạo ra để gi&uacute;p cho những người mới học lập tr&igrave;nh hoặc những lập tr&igrave;nh vi&ecirc;n l&atilde;o luyện tạo ra sản phẩm nhanh hơn đều bị g&aacute;n cho nh&atilde;n &ldquo;kh&ocirc;ng d&agrave;nh cho lập tr&igrave;nh vi&ecirc;n đ&iacute;ch thực&rdquo;.

C&oacute; thể thấy ở đ&acirc;y l&agrave; sự sợ h&atilde;i của những lập tr&igrave;nh vi&ecirc;n. Khi ai cũng c&oacute; thể dễ d&agrave;ng tiếp cận với ng&ocirc;n ngữ lập tr&igrave;nh v&agrave; tự tạo sản phẩm, cũng như tự gọi m&igrave;nh l&agrave; người lập tr&igrave;nh, th&igrave; sẽ kh&ocirc;ng c&ograve;n ai l&agrave; lập tr&igrave;nh vi&ecirc;n nữa. Nhưng c&oacute; lẽ, r&agrave;o cản về kiến thức n&agrave;y đ&atilde; bị ph&aacute; bỏ từ rất l&acirc;u rồi. H&atilde;y sử dụng những c&ocirc;ng cụ gi&uacute;p bạn dễ d&agrave;ng x&acirc;y dựng sản phẩm bạn mong muốn. Chẳng c&oacute; g&igrave; phải xấu hổ nếu bạn n&oacute;i tr&ograve; chơi bạn l&agrave;m ra được dựng trong Stencuyl hoặc GameMaker chứ kh&ocirc;ng phải được viết từ đầu. H&atilde;y lựa chọn cho m&igrave;nh m&ocirc;i trường v&agrave; c&ocirc;ng cụ m&agrave; bạn cảm thấy thoải m&aacute;i v&agrave; c&oacute; thể gắn b&oacute; với n&oacute;.

<h3>5. H&atilde;y ki&ecirc;n tr&igrave; với việc lập tr&igrave;nh </h3>

Kh&ocirc;ng c&oacute; bất cứ t&agrave;i liệu n&agrave;o c&oacute; thể chỉ cho bạn con đường đ&uacute;ng hoặc nhanh nhất để nắm vững kiến thức lập tr&igrave;nh. C&oacute; rất nhiều c&aacute;ch để c&oacute; thể học, v&agrave; thực h&agrave;nh. Bạn c&oacute; thể học những kh&aacute;i niệm đầu ti&ecirc;n từ s&aacute;ch hoặc những b&agrave;i học trực quan tr&ecirc;n mạng, hoặc c&oacute; thể bắt đầu ngay bằng việc sửa lỗi sai của người kh&aacute;c. V&agrave; tất nhi&ecirc;n, c&oacute; rất nhiều ng&ocirc;n ngữ cho bạn lựa chọn để bắt đầu.

<img alt="Ước gì có người nói với tôi những điều này khi mới học lập trình - Ảnh 2" src="https://timviec365.vn/pictures/images/kien-tri.jpg" style="height:405px; width:720px" />

Một vấn đề kh&aacute; phổ biến khi c&aacute;c bạn tự học lập tr&igrave;nh, đ&oacute; l&agrave; c&aacute;c bạn sẽ dễ d&agrave;ng vượt qua những phần đơn giản, nhưng sẽ gặp kh&oacute; khăn tại những phần rất quan trọng sau đ&oacute;. Bạn c&oacute; thể biết c&aacute;ch in một v&agrave;i d&ograve;ng l&ecirc;n m&agrave;n h&igrave;nh, nhưng kh&ocirc;ng thể l&agrave;m việc được với những dự &aacute;n thật. Bạn sẽ bắt đầu cảm thấy mất phương hướng v&agrave; đổ lỗi cho gi&aacute;o tr&igrave;nh v&agrave; kh&ocirc;ng biết phải học tiếp như thế n&agrave;o. Bạn sẽ vấp phải trở ngại n&agrave;y khi học lập tr&igrave;nh ở bất kỳ đ&acirc;u, c&ograve;n c&aacute;ch giải quyết n&oacute;, l&agrave; h&atilde;y tiếp tục ki&ecirc;n tr&igrave; với việc lập tr&igrave;nh.

H&atilde;y tiếp tục t&igrave;m kiếm những điều mới mẻ xung quanh những thứ đ&atilde; học, thu nạp th&ecirc;m th&ocirc;ng tin, v&agrave; tự tay x&acirc;y dựng những ứng dụng của ri&ecirc;ng m&igrave;nh. Bạn sẽ dễ d&agrave;ng t&igrave;m được th&agrave;nh c&ocirc;ng nếu như bạn biết r&otilde; mục ti&ecirc;u học lập tr&igrave;nh của m&igrave;nh l&agrave; g&igrave;. Th&agrave;nh c&ocirc;ng sẽ đến với bạn nếu bạn ki&ecirc;n tr&igrave; x&acirc;y từng vi&ecirc;n gạch l&ecirc;n bức tường của m&igrave;nh. Nếu bạn ki&ecirc;n tr&igrave; v&agrave; d&agrave;nh thời gian để t&igrave;m hiểu n&oacute;, bạn sẽ dễ d&agrave;ng chinh phục lập tr&igrave;nh hơn rất nhiều.

Nguồn: internet

Ước gì có người nói với tôi những điều này khi mới học lập trình

<h1><img alt="" src="https://images.viblo.asia/99a9920d-72b2-4f62-a6a7-ac529ad286a9.jpg" /></h1>

Hello xin ch&agrave;o mọi người, m&igrave;nh đ&atilde; trở lại v&agrave; tiếp tục với phần 3&nbsp;của series về Một v&agrave;i thủ thuật CSS m&agrave; ch&iacute;nh Frontend c&oacute; thể c&ograve;n chưa biết

Bắt đầu th&ocirc;i n&agrave;o!

<blockquote>
<a href="https://mindx.edu.vn/blog/post/mot-vai-thu-thuat-css-ma-chinh-frontend-con-chua-biet-p1">Một v&agrave;i thủ thuật CSS m&agrave; ch&iacute;nh Front end c&oacute; thể c&ograve;n chưa biết (P1)</a>

<a href="https://mindx.edu.vn/blog/post/mot-vai-thu-thuat-css-ma-chinh-frontend-con-chua-biet-p2">Một v&agrave;i thủ thuật CSS m&agrave; ch&iacute;nh Front end c&oacute; thể c&ograve;n chưa biết (P2)</a>
</blockquote>

<h3>1. Highlight những thẻ&nbsp;<code>&lt;img /&gt;</code>&nbsp;thi&ecirc;́u thu&ocirc;̣c tính&nbsp;<code>alt</code></h3>

Thu&ocirc;̣c tính&nbsp;<code>alt</code>&nbsp;lu&ocirc;n được coi là bắt bu&ocirc;̣c phải có đ&ocirc;́i với thẻ&nbsp;<code>img</code>, nhưng nhi&ecirc;̀u lúc dev lại qu&ecirc;n đặt nó vào, vì xu hướng là trong nhi&ecirc;̀u trường hợp di&ecirc;̃n ra m&ocirc;̣t cách bình thường, thì thi&ecirc;́u thu&ocirc;̣c tính&nbsp;<code>alt</code>&nbsp;v&acirc;̃n kh&ocirc;ng làm ảnh hưởng gì đ&ecirc;́n vi&ecirc;̣c hi&ecirc;̉n thị 1 bức ảnh cả.

<blockquote>
Những mục đích của thu&ocirc;̣c tính&nbsp;<code>alt</code>&nbsp;mà có lẽ bạn chưa bi&ecirc;́t rõ như:

<ul>
	<li>Giúp hi&ecirc;̉n thị th&ocirc;ng tin v&ecirc;̀ bức ảnh n&ecirc;́u chẳng may đường d&acirc;̃n ảnh bị l&ocirc;̃i hoặc k&ecirc;́t n&ocirc;́i mạng ch&acirc;̣m, làm cho ảnh kh&ocirc;ng hi&ecirc;̉n thị ra được &lt;= Đ&acirc;y có lẽ là lợi ích mà nhi&ecirc;̀u dev bi&ecirc;́t v&ecirc;̀ nó nh&acirc;́t.</li>
	<li>Giúp cho những người dùng sử dụng screen reader đọc được n&ocirc;̣i dung của ảnh (bạn hi&ecirc;̉u n&ocirc;m na đ&acirc;y như là dạng c&ocirc;ng ngh&ecirc;̣ h&ocirc;̃ trợ cho người mù khi sử dụng máy tính &acirc;́y) &lt;= Đ&acirc;y là m&ocirc;̣t trong những tính năng li&ecirc;n quan đ&ecirc;́n&nbsp;Web Accessibility&nbsp;(Accessibility&nbsp;hay còn được vi&ecirc;́t tắt là&nbsp;A11y), các bạn có th&ecirc;̉ tìm hi&ecirc;̉u th&ecirc;m với keyword tr&ecirc;n.</li>
	<li>Ngoài ra,&nbsp;<code>alt</code>&nbsp;còn giúp cho các c&ocirc;ng cụ&nbsp;search engine crawlers&nbsp;hay còn gọi là&nbsp;bots&nbsp;của Google d&ecirc;̃ dàng&nbsp;index&nbsp;được hình ảnh tr&ecirc;n trang web của bạn &lt;= Đ&ocirc;́i với các bạn làm b&ecirc;n SEO thì đ&acirc;y được bi&ecirc;́t đ&ecirc;́n như m&ocirc;̣t hình thức&nbsp;SEO onpage.</li>
</ul>
</blockquote>

Chính vì v&acirc;̣y mà h&ocirc;m nay mình xin giới thi&ecirc;̣u đ&ecirc;́n các bạn m&ocirc;̣t cách thức dùng CSS đ&ecirc;̉&nbsp;nhắc nhở&nbsp;cho dev lu&ocirc;n phải:

<ul>
	<li>Gắn thu&ocirc;̣c tính&nbsp;<code>alt</code>&nbsp;vào thẻ&nbsp;<code>img</code>&nbsp;=&gt; sử dụng selector&nbsp;<code>img:not([alt])</code></li>
	<li>Phải đi&ecirc;̀n giá trị (truy&ecirc;̀n đoạn text m&ocirc; tả) cho thu&ocirc;̣c tính, chứ kh&ocirc;ng được đ&ecirc;̉ tr&ocirc;́ng nhé =&gt; sử dụng selector&nbsp;<code>img[alt=&#39;&#39;]</code></li>
	<li>Và highlight bằng b&acirc;́t kỳ hi&ecirc;̣u ứng nào bạn thích như&nbsp;tạo border bao quanh&nbsp;hoặc&nbsp;làm mờ ảnh với opacity.</li>
</ul>

<pre>
<code>img:not([alt]),
img[alt=&#39;&#39;] {
 border: 5px solid red;
}
</code></pre>

Hoặc nếu bạn đang d&ugrave;ng SASS

<pre>
<code>img {
 &amp;:not([alt]),
 &amp;[alt=&#39;&#39;]{
 border: 5px solid red;
 }
}</code>
</pre>

<blockquote>
Browser Support:&nbsp;QUÁ TUY&Ecirc;̣T VỜI

N&ecirc;́u bạn kh&ocirc;ng phải làm vi&ecirc;̣c cho IE8, thì y&ecirc;n t&acirc;m là t&acirc;́t cả trình duy&ecirc;̣t đã h&ocirc;̃ trợ thu&ocirc;̣c tính&nbsp;<code>:not()</code>&nbsp;kia r&ocirc;̀i.

<a href="https://caniuse.com/#feat=mdn-css_selectors_not" target="_blank">https://caniuse.com/#feat=mdn-css_selectors_not</a>
</blockquote>

<h4>Đọc hi&ecirc;̉u th&ecirc;m</h4>

<ul>
	<li>Mình bi&ecirc;́t được tip này qua tweet của&nbsp;<a href="https://twitter.com/addyosmani/status/1223872295619330048" target="_blank">@addyosmani</a></li>
</ul>

<h3>2.&nbsp;<code>vertical-align: super</code>&nbsp;một c&aacute;ch l&agrave;m kh&aacute;c thay cho thẻ&nbsp;<code>&lt;sup&gt;</code></h3>

Giả sử rằng cấu tr&uacute;c HTML trang web của bạn đang sử dụng thẻ&nbsp;<code>&lt;span&gt;</code>&nbsp;, đột nhi&ecirc;n thiết kế c&oacute; thay đổi&nbsp;th&ecirc;m k&yacute; hiệu đồng tiền $ trước gi&aacute; (price) của 1 sản phẩm, th&igrave; l&uacute;c n&agrave;y bạn c&oacute; xu hướng nghĩ về thẻ&nbsp;<code>&lt;super&gt;</code>&nbsp;trong HTML v&agrave; tiến h&agrave;nh t&igrave;m tất cả c&aacute;c component c&oacute; thay đổi để sửa lại cấu tr&uacute;c HTML.

Nhưng việc n&agrave;y l&agrave; kh&ocirc;ng cần thiết lắm, v&igrave; m&igrave;nh sẽ cho bạn 1 c&aacute;ch l&agrave;m kh&aacute;c gi&uacute;p update nhanh hơn. Đ&oacute; l&agrave; sử dụng thuộc t&iacute;nh&nbsp;<code>vertical-align: super</code>&nbsp;trong CSS (c&oacute; lẽ như&nbsp;<code>vertical-align: middle</code>&nbsp;mới l&agrave; thuộc t&iacute;nh m&agrave; nhiều dev biết đến hơn nhỉ?).

Thay v&igrave; đ&oacute;, sử dụng&nbsp;<code>vertical-align: super</code>&nbsp;ta cũng l&agrave;m được điều tương tự.

<blockquote>
Browser Support:&nbsp;Đ&Acirc;Y L&Agrave; THUỘC T&Iacute;NH CỦA CSS2 M&Agrave;!!!

Chỉ l&agrave; do &iacute;t c&oacute; trường hợp &aacute;p dụng trong khi l&agrave;m layout với CSS, n&ecirc;n n&oacute; bị l&atilde;ng qu&ecirc;n. Chứ thuộc t&iacute;nh n&agrave;y đ&atilde; c&oacute; từ l&acirc;u, từ thời CSS2 rồi.

<a href="https://caniuse.com/#search=vertical-align" target="_blank">https://caniuse.com/#search=vertical-align</a>
</blockquote>

<h4>Đọc hiểu th&ecirc;m</h4>

<ul>
	<li><a href="https://developer.mozilla.org/vi/docs/Web/CSS/vertical-align" target="_blank">https://developer.mozilla.org/vi/docs/Web/CSS/vertical-align</a></li>
</ul>

<h3>3.&nbsp;<code>transform</code>&nbsp;rồi&nbsp;<code>detransform</code>&nbsp;l&agrave; hết&nbsp;<code>transform</code>&nbsp;</h3>

Đặt c&aacute;i ti&ecirc;u đề tip cho vui vui ch&uacute;t th&ocirc;i, chứ ở đ&acirc;y m&igrave;nh đang muốn đề cập đến một c&aacute;ch sử dụng thuộc t&iacute;nh&nbsp;<code>transform</code>&nbsp;để skewed button.

Khi bạn set&nbsp;<code>transform: skewX(-30deg)</code>&nbsp;cho parent (th&agrave;nh phần cha), th&igrave; ở trong children (th&agrave;nh phần con) n&oacute; cũng bị skewed theo. Điểm th&uacute; vị l&agrave; ở đ&acirc;y, ở children bạn chỉ cần set gi&aacute; trị phủ định lại gi&aacute; trị tr&ecirc;n l&agrave; được, tức trở th&agrave;nh&nbsp;<code>transform: skewX(30deg)</code>

<blockquote>
Lưu &yacute;: th&agrave;nh phần con bắt buộc KH&Ocirc;NG PHẢI l&agrave;&nbsp;<code>inline</code>&nbsp;nha, v&igrave;&nbsp;<code>inline</code>&nbsp;như thẻ&nbsp;<code>&lt;span&gt;</code>,&nbsp;<code>&lt;a&gt;</code>&nbsp;th&igrave; n&oacute; sẽ kh&ocirc;ng ăn được, bạn phải đưa n&oacute; về&nbsp;<code>inline-block</code>&nbsp;hoặc&nbsp;<code>block</code>&nbsp;nh&eacute;!
</blockquote>

&gt;&gt;&gt; Xem th&ecirc;m: <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-tu-co-ban-toi-nang-cao">Lộ tr&igrave;nh học lập tr&igrave;nh cam kết đầu ra tại MindX</a>

<blockquote>
Browser Support:&nbsp;100% SUPPORT

C&aacute;c thuộc t&iacute;nh của&nbsp;<code>transforms2d</code>&nbsp;hiện nay hầu như c&aacute;c tr&igrave;nh duyệt phổ biến đ&atilde; đọc được hết rồi.

<a href="https://caniuse.com/#feat=transforms2d" target="_blank">https://caniuse.com/#feat=transforms2d</a>
</blockquote>

Nguồn: Viblo.asia

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)

C&ograve;n được gọi l&agrave; cha mẹ &quot;snowplow&quot; hoặc &quot;ủi đất&quot;, cha mẹ cắt cỏ lu&ocirc;n muốn m&igrave;nh c&oacute; thể bảo vệ con m&igrave;nh khỏi bất kỳ trở ngại n&agrave;o. V&agrave; họ sẽ ngăn chặn bất kỳ vấn đề n&agrave;o m&agrave; con họ gặp phải. Dưới đ&acirc;y l&agrave; s&aacute;u đặc điểm cho thấy bạn c&oacute; thể l&agrave; phụ huynh của người cắt cỏ. 

<blockquote>
<a href="https://mindx.edu.vn/blog/post/dung-lam-cha-me-truc-thang">Xin đừng l&agrave;m cha mẹ trực thăng</a>

<a href="https://mindx.edu.vn/blog/post/dung-ngan-cam-hay-huong-dan-con-su-dung-mang-xa-hoi-dung-cach">Đừng ngăn cấm, h&atilde;y hướng dẫn con sử dụng mạng x&atilde; hội đ&uacute;ng c&aacute;ch</a>

<a href="https://mindx.edu.vn/blog/post/tong-hop-cac-cach-giup-bo-me-quan-ly-con-su-dung-thiet-bi-cong-nghe-an-toan-va-hieu-qua">Tổng hợp c&aacute;ch quản l&yacute; con sử dụng thiết bị c&ocirc;ng nghệ an to&agrave;n v&agrave; hiệu quả</a>
</blockquote>

<h3 style="margin-left:40px">1. Kh&ocirc;ng cho ph&eacute;p con m&igrave;nh xử l&yacute; xung đột: </h3>

Xung đột l&agrave; một phần của cuộc sống. Nhưng nhiều bậc cha mẹ qu&aacute; lo lắng con c&aacute;i sẽ buồn b&atilde; hay bị tổn thương n&ecirc;n họ t&igrave;m mọi c&aacute;ch ngăn chặn chuyện n&agrave;y. V&iacute; dụ khi đứa trẻ đến s&acirc;n chơi c&oacute; thể tranh gi&agrave;nh với bạn b&egrave;, v&agrave; để tr&aacute;nh điều n&agrave;y xảy ra, họ c&oacute; thể hủy ng&agrave;y chơi hoặc ngăn chặn con chơi với một số đứa trẻ kh&aacute;c. Họ thậm ch&iacute; c&oacute; thể gọi đến trường của họ để b&aacute;o c&aacute;o một đứa trẻ l&agrave;m phiền con họ, ngay cả trong những sự cố nhỏ. C&aacute;ch n&agrave;y sẽ khiến trẻ kh&ocirc;ng biết tự giải quyết t&igrave;nh huống v&agrave; lu&ocirc;n phụ thuộc v&agrave;o người kh&aacute;c. V&agrave; tinh thần kh&ocirc;ng đủ mạnh mẽ để giải quyết c&aacute;c vấn đề của m&igrave;nh khi trưởng th&agrave;nh.

<h3 style="margin-left:40px">2. Ho&agrave;n th&agrave;nh b&agrave;i tập về nh&agrave; của con: </h3>

Bạn c&oacute; thể gi&uacute;p con l&agrave;m b&agrave;i tập chứ kh&ocirc;ng phải l&agrave;m hộ con. Nếu cha mẹ cắt cỏ thấy con gặp kh&oacute; khăn với việc học ở trường, học sẽ sẵn s&agrave;ng l&agrave;m gi&uacute;p con mọi thứ, thậm ch&iacute; khi con học THCS hoặc THPT, cha mẹ c&ograve;n l&agrave;m gi&uacute;p con c&aacute;c b&agrave;i nghi&ecirc;n cứu nếu n&oacute; g&acirc;y nhiều &aacute;p lực cho trẻ. Nhưng liệu khi những đứa trẻ n&agrave;y lớn l&ecirc;n đi học đại học v&agrave; đi l&agrave;m, nếu c&oacute; &iacute;t kinh nghiệm xử l&yacute; deadline v&agrave; quản l&yacute; thời gian, ch&uacute;ng sẽ kh&oacute; l&ograve;ng th&iacute;ch nghi với cuộc sống đại học nhịp độ nhanh hoặc một c&ocirc;ng việc kh&oacute; khăn.

<img alt="&quot;Cha mẹ cắt cỏ&quot;, bạn có phải là một trong số họ? - Ảnh 1" src="https://cafefcdn.com/thumb_w/650/2019/5/25/1536629735404-1558778087904201286903-crop-15587781156001066264976.jpg" style="height:407px; width:650px" />

<h3 style="margin-left:40px">3. Giải quyết mọi vấn đề cho con:</h3>

Cha mẹ cắt cỏ sẽ lu&ocirc;n đứng về ph&iacute;a con kh&ocirc;ng cần biết đ&uacute;ng sai, v&agrave; họ sẵn s&agrave;ng tranh luận thay cho con trong mọi trường hợp. Hay c&oacute; l&uacute;c con qu&ecirc;n vở b&agrave;i tập hoặc quần &aacute;o thể dục ở nh&agrave;, phụ huynh cắt cỏ sẽ l&agrave;m bất cứ điều g&igrave; cần thiết để con bạn kh&ocirc;ng bị khiển tr&aacute;ch hoặc kiểm điểm. Việc n&agrave;y c&oacute; mặt tốt khi con chỉ qu&ecirc;n một v&agrave;i lần, nhưng nếu đ&oacute; trở th&agrave;nh th&oacute;i quen th&igrave; đứa trẻ sẽ dần trở th&agrave;nh người kh&ocirc;ng cẩn thận, đ&ocirc;i khi cần phải để con bị kiểm điểm đẻ con ghi nhớ v&agrave; học được t&iacute;nh tr&aacute;ch nhiệm trương tương lai.

<h3 style="margin-left:40px">4. Đ&aacute;p ứng mọi mong muốn của con:</h3>

Nếu con bạn đ&ograve;i hỏi thứ g&igrave; đ&oacute;, bạn sẵn s&agrave;ng cho ch&uacute;ng bất kỳ thứ g&igrave; ch&uacute;ng muốn. Thật nguy hiểm khi điều n&agrave;y sẽ khiến đứa trẻ lớn l&ecirc;n với suy nghĩ mọi mong muốn của ch&uacute;ng đều sẽ được thỏa m&atilde;n v&agrave; ch&uacute;ng lu&ocirc;n phải c&oacute; những g&igrave; người kh&aacute;c c&oacute;.

<img alt="&quot;Cha mẹ cắt cỏ&quot;, bạn có phải một trong số họ? - Ảnh 2" src="https://cdn.vietnammoi.vn/stores/news_dataimages/tranh/112016/30/11/1100_thoi_quen_cua_me_de_lam_hu_con_3.jpg" style="height:503px; width:650px" />

<h3 style="margin-left:40px">L&agrave;m cha mẹ cắt cỏ l&agrave; tốt hay xấu? </h3>

Cha mẹ thợ cắt cỏ c&oacute; &yacute; định tốt. Những g&igrave; họ muốn cho con c&aacute;i của họ kh&ocirc;ng kh&aacute;c bất kỳ điều g&igrave; m&agrave; tất cả c&aacute;c bậc cha mẹ muốn - th&agrave;nh c&ocirc;ng v&agrave; hạnh ph&uacute;c. Nhưng mặc d&ugrave; việc &ldquo;đốn hạ&rdquo; những chướng ngại vật c&oacute; vẻ l&agrave; một c&aacute;ch tuyệt vời để tạo ra một ch&uacute;t th&agrave;nh c&ocirc;ng, nhưng n&oacute; c&oacute; thể g&acirc;y hại nhiều hơn lợi. Với sự can thiệp qu&aacute; nhiều của cha mẹ, một số trẻ c&oacute; thể cảm thấy lo lắng tột độ khi phải tự m&igrave;nh giải quyết c&aacute;c vấn đề v&agrave; khiến ch&uacute;ng kh&ocirc;ng chuẩn bị tinh thần để sống tự lập.

<img alt="&quot;Cha mẹ cắt cỏ&quot;, bạn có phải một trong số họ? - Ảnh 3" src="https://blog.prudential.com.vn/videos/05-Oct-02/image-thumb__936__content/shutterstock_759530230.jpeg" style="height:434px; width:650px" />

Xung đột v&agrave; c&aacute;c vấn đề dạy trẻ c&aacute;ch đối mặt với sự kh&oacute; chịu, thất vọng v&agrave; gi&uacute;p ch&uacute;ng ph&aacute;t triển tr&iacute; lực để con biết c&aacute;ch đối mặt với kh&oacute; khăn trong cuộc sống.

Trải qua nghịch cảnh l&agrave; một bước tiến, đặc biệt l&agrave; cho tương lai. H&atilde;y tin tưởng để con bạn chịu tr&aacute;ch nhiệm về b&agrave;i tập về nh&agrave; v&agrave; c&aacute;c dự &aacute;n trong ở lớp. H&atilde;y cho ph&eacute;p con giải quyết những xung đột của ri&ecirc;ng m&igrave;nh, v&agrave; đưa cho con những lời khuy&ecirc;n hữu &iacute;ch - b&acirc;y giờ v&agrave; cả khi trưởng th&agrave;nh, khi họ c&oacute; thể sẽ đ&aacute;nh gi&aacute; cao hơn nữa.

Ngo&agrave;i ra, h&atilde;y cho ph&eacute;p con bạn mắc lỗi v&agrave; xử l&yacute; hậu quả của những sai lầm. Thay v&igrave; coi thất bại hoặc thất vọng l&agrave; trở ngại lớn trong cuộc sống, h&atilde;y xem đ&oacute; l&agrave; cơ hội để con bạn học hỏi v&agrave; ph&aacute;t triển. H&atilde;y cho ph&eacute;p con bạn tự đứng bằng hai ch&acirc;n của m&igrave;nh.

Bố mẹ tham gia nh&oacute;m để c&ugrave;ng thảo luận v&agrave; nhận nhiều t&agrave;i liệu học tập cho con&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Nguồn: Drderamus

"Cha mẹ cắt cỏ", bạn có phải là một trong số họ?

<h1><img src="https://afamilycdn.com/2019/3/3/me-vit-15516057535721085210757-crop-15516057629271615147526.jpg" /></h1>

<h2>L&agrave; mẹ của ba c&ocirc; con g&aacute;i năng động v&agrave; đ&aacute;ng y&ecirc;u, chị T&ocirc; Hồng V&acirc;n đ&atilde; c&ugrave;ng c&aacute;c con đề ra những nguy&ecirc;n tắc v&ocirc; c&ugrave;ng chặt chẽ để c&aacute;c con biết c&aacute;ch <a href="https://mindx.edu.vn/blog/post/tong-hop-cac-cach-giup-bo-me-quan-ly-con-su-dung-thiet-bi-cong-nghe-an-toan-va-hieu-qua">sử dụng c&aacute;c thiết bị c&ocirc;ng nghệ</a> một c&aacute;ch th&ocirc;ng minh v&agrave; hiệu quả.</h2>

<blockquote><a href="https://mindx.edu.vn/blog/post/cach-bat-safety-search">C&aacute;ch bật bộ lọc loại bỏ nội dung 18+ khi t&igrave;m kiếm tr&ecirc;n internet</a></blockquote>

<blockquote><a href="https://mindx.edu.vn/blog/post/de-tre-tranh-nghien-game-khi-nghi-he">L&agrave;m g&igrave; để trẻ tr&aacute;nh nghiện game khi nghỉ h&egrave;?</a></blockquote>

<blockquote><a href="https://mindx.edu.vn/blog/post/5-phan-mem-nhac-nho-nghi-ngoi-khi-dung-may-tinh">5 phần mềm nhắc nhở nghỉ ngơi khi ngồi m&aacute;y t&iacute;nh</a></blockquote>

&quot;Vịt mẹ&quot; T&ocirc; Hồng V&acirc;n l&agrave; t&aacute;c giả của cuốn s&aacute;ch &quot;Kh&ocirc;ng được th&igrave;&hellip; th&ocirc;i&quot;, chị l&agrave; mẹ của ba c&ocirc; con g&aacute;i l&agrave; B&aacute;nh M&igrave; (12 tuổi), Bơ (10 tuổi) v&agrave; H&agrave;nh T&acirc;y (6 tuổi rưỡi), b&iacute; quyết để nu&ocirc;i dạy con trở th&agrave;nh những c&ocirc; g&aacute;i lu&ocirc;n tr&agrave;n đầy năng lượng hạnh ph&uacute;c của chị v&ocirc; c&ugrave;ng đơn giản, đ&oacute; l&agrave; trở th&agrave;nh người bạn thực sự của con c&ugrave;ng với tuy&ecirc;n ng&ocirc;n &quot;kh&ocirc;ng được th&igrave;&hellip; th&ocirc;i&quot;. Hiện nay, cả ba con g&aacute;i của chị Hồng V&acirc;n đều sử dụng m&aacute;y t&iacute;nh, điện thoại, iPad h&agrave;ng ng&agrave;y, như một c&ocirc;ng cụ để <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-cho-tre-em">học tập</a> v&agrave; giải tr&iacute;. B&aacute;nh M&igrave; bắt đầu học cấp 2, phải sử dụng m&aacute;y t&iacute;nh để l&agrave;m b&agrave;i tập h&agrave;ng ng&agrave;y. Bơ th&igrave; đam m&ecirc; &acirc;m nhạc n&ecirc;n ho&agrave;n to&agrave;n sử dụng điện thoại, iPad cho sở th&iacute;ch v&agrave; đam m&ecirc; của m&igrave;nh, c&ocirc; b&eacute; c&oacute; thể v&agrave;o Youtube v&agrave; xem c&aacute;c chương tr&igrave;nh &acirc;m nhạc y&ecirc;u th&iacute;ch h&agrave;ng giờ nếu kh&ocirc;ng ai can thiệp. H&agrave;nh T&acirc;y cũng học tiếng Anh, học To&aacute;n v&agrave; cả l&agrave;m b&agrave;i tập nh&agrave; trường giao tr&ecirc;n c&aacute;c thiết bị điện tử.

<a href="https://afamilycdn.com/2019/3/3/vit-me-15516052569561383170885.jpg" target="_blank" title="Đồng hành cùng con để chia sẻ và hướng dẫn con sử dụng các thiết bị điện tử thông minh là cách chị Tô Hồng Vân làm để các con khám phá và trải nghiệm các chương trình trên mạng một cách an toàn và hiệu quả. (Ảnh: NVCC)"><img alt="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 1." id="img_97ca3130-3d96-11e9-ac5f-03c4b11b3af8" src="https://afamilycdn.com/thumb_w/650/2019/3/3/vit-me-15516052569561383170885.jpg" title="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 1." /></a>

Đồng h&agrave;nh c&ugrave;ng con để chia sẻ v&agrave; hướng dẫn con sử dụng c&aacute;c thiết bị điện tử th&ocirc;ng minh l&agrave; c&aacute;ch chị T&ocirc; Hồng V&acirc;n l&agrave;m để c&aacute;c con kh&aacute;m ph&aacute; v&agrave; trải nghiệm c&aacute;c chương tr&igrave;nh tr&ecirc;n mạng một c&aacute;ch an to&agrave;n v&agrave; hiệu quả. (Ảnh: NVCC)

Chị Hồng V&acirc;n chia sẻ, khi hai con g&aacute;i đầu c&ograve;n nhỏ, chị nhất quyết kh&ocirc;ng cho con tiếp x&uacute;c với c&ocirc;ng nghệ sớm v&igrave; sợ con bị nghiện, cho đến tận năm lớp 1 vẫn kh&ocirc;ng cho con đụng v&agrave;o điện thoại, iPad g&igrave; cả.&nbsp;&quot;Thế rồi, khi con đi học, c&oacute; bạn b&egrave;, m&igrave;nh thấy con m&igrave;nh lạc l&otilde;ng với bạn b&egrave; qu&aacute;, đến mở c&aacute;i passcode m&agrave;n h&igrave;nh cũng l&oacute;ng ng&oacute;ng th&igrave; m&igrave;nh thấy kh&ocirc;ng ổn. M&igrave;nh tự hỏi l&agrave; liệu m&igrave;nh c&oacute; sai kh&ocirc;ng khi cấm con sử dụng điện thoại như vậy, trong khi thế hệ của con l&agrave; thế hệ của c&ocirc;ng nghệ số. M&igrave;nh c&oacute; tước đi của con cơ hội được h&ograve;a đồng với c&aacute;c bạn c&ugrave;ng trang lứa kh&ocirc;ng khi m&agrave; c&aacute;c bạn sử dụng thiết bị th&ocirc;ng minh th&agrave;nh thạo, c&ugrave;ng b&agrave;n luận về những app tr&ograve; chơi m&agrave; c&aacute;c bạn vẫn chơi, c&ograve;n b&eacute; nh&agrave; m&igrave;nh th&igrave; kh&ocirc;ng thể tham gia v&agrave;o những cuộc tr&ograve; chuyện như vậy. Sống trong x&atilde; hội hiện đại m&agrave; để con tụt hậu th&igrave; chắc chắn cũng kh&ocirc;ng phải lựa chọn đ&uacute;ng đắn&quot;.

<a href="https://afamilycdn.com/2019/3/4/529685335538538084678747087478723175251968n-1551670653492494237916.jpg" target="_blank" title="Ba cô con gái đáng yêu của chị Tô Hồng Vân"><img alt="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 4." id="img_d905bb40-3e2e-11e9-bb55-f918f349437a" src="https://afamilycdn.com/2019/3/4/529685335538538084678747087478723175251968n-1551670653492494237916.jpg" title="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 4." /></a>

Ba c&ocirc; con g&aacute;i đ&aacute;ng y&ecirc;u của chị T&ocirc; Hồng V&acirc;n

&nbsp;Ngo&agrave;i ra, chị cũng cho rằng, c&oacute; rất nhiều c&aacute;c chương tr&igrave;nh, bộ phim d&agrave;nh cho trẻ nhỏ qu&aacute; l&agrave; hấp dẫn từ m&agrave;u sắc, &acirc;m thanh đến nội dung tr&ecirc;n Youtube m&agrave; trẻ c&oacute; thể khai th&aacute;c qua c&aacute;c thiết bị điện tử, v&igrave; thế:&nbsp;&quot;Cho con sử dụng điện thoại ở thời đại hiện giờ c&oacute; lẽ l&agrave; một việc bắt buộc, kh&ocirc;ng thể c&oacute; sự lựa chọn n&agrave;o kh&aacute;c d&agrave;nh cho cha mẹ. Điều cha mẹ cần l&agrave;m để c&oacute; thể &quot;xoay chuyển&quot; t&igrave;nh thế l&agrave; hướng dẫn con sử dụng như thế n&agrave;o, sử dụng tới đ&acirc;u. C&ugrave;ng một chiếc TV hay một chương tr&igrave;nh tr&ecirc;n iPad, nếu như b&eacute; được ngồi với một người lớn, vừa xem vừa trao đổi hai chiều với người lớn kế b&ecirc;n để thể hiện cảm x&uacute;c, sở th&iacute;ch, hiểu biết của b&eacute; th&igrave; đ&oacute; ch&iacute;nh l&agrave; một c&aacute;ch sử dụng m&agrave; kh&ocirc;ng bị ph&iacute; ho&agrave;i c&ocirc;ng nghệ&quot;, chị V&acirc;n cho biết quan điểm của m&igrave;nh.

<a href="https://afamilycdn.com/2019/3/4/532553896180989986320106225954841043140608n-1551670852336109008570.jpg" target="_blank" title="Theo chị Hồng Vân: &quot;Cho con sử dụng điện thoại ở thời đại hiện giờ có lẽ là một việc bắt buộc, không thể có sự lựa chọn nào khác dành cho cha mẹ. Điều cha mẹ cần làm để có thể 'xoay chuyển' tình thế là hướng dẫn con sử dụng như thế nào, sử dụng tới đâu&quot;."><img alt="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 6." id="img_4f6ba330-3e2f-11e9-9649-01a1fa2ce936" src="https://afamilycdn.com/thumb_w/650/2019/3/4/532553896180989986320106225954841043140608n-1551670852336109008570.jpg" title="Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục - Ảnh 6." /></a>

Theo chị Hồng V&acirc;n: &quot;Cho con sử dụng điện thoại ở thời đại hiện giờ c&oacute; lẽ l&agrave; một việc bắt buộc, kh&ocirc;ng thể c&oacute; sự lựa chọn n&agrave;o kh&aacute;c d&agrave;nh cho cha mẹ. Điều cha mẹ cần l&agrave;m để c&oacute; thể &#39;xoay chuyển&#39; t&igrave;nh thế l&agrave; hướng dẫn con sử dụng như thế n&agrave;o, sử dụng tới đ&acirc;u&quot;.

Ngo&agrave;i việc trở th&agrave;nh người đồng h&agrave;nh b&ecirc;n c&aacute;c con th&igrave; c&oacute; một số nguy&ecirc;n tắc &quot;nhất-định-phải-thực-hiện&quot; dưới đ&acirc;y để con kh&ocirc;ng sa v&agrave;o c&aacute;c clip &quot;bẩn&quot; hay trở th&agrave;nh nạn nh&acirc;n của c&aacute;c bộ phim, chương tr&igrave;nh bạo lực, phản gi&aacute;o dục tr&ecirc;n Youtube.

- Khi c&aacute;c con bắt đầu l&agrave;m quen với c&aacute;c thiết bị, games th&igrave; thời gian đầu c&ugrave;ng thảo luận với mẹ (sau n&agrave;y lớn chơi c&aacute;c game d&agrave;n trận th&igrave; t&aacute;m với ba nhiều hơn).

- Mặc d&ugrave; l&agrave; c&aacute;c con được tiếp x&uacute;c với điện thoại, iPad nhưng V&acirc;n kh&aacute; nghi&ecirc;m khắc về quy định thời gian. Trong tuần gần như l&agrave; kh&ocirc;ng chơi, c&oacute; thể c&oacute; ngoại lệ 1 ng&agrave;y n&agrave;o đ&oacute; lịch học qu&aacute; d&agrave;y th&igrave; tối sẽ được thư gi&atilde;n khoảng nửa tiếng với m&aacute;y. Cuối tuần th&igrave; tối thứ 6 được xem 1 tiếng, tối thứ 7 được xem &quot;xả l&aacute;ng&quot; khoảng 2 tiếng li&ecirc;n tục.

- Một năm gần đ&acirc;y 2 bạn lớn học trường quốc tế bắt buộc nộp b&agrave;i qua mạng th&igrave; được sử dụng laptop với điều kiện ngồi tại ph&ograve;ng học chung - c&aacute;c bạn ho&agrave;n to&agrave;n kh&ocirc;ng được d&ugrave;ng m&aacute;y khi đ&oacute;ng cửa ở trong ph&ograve;ng ri&ecirc;ng.

&quot;Đấy l&agrave; những quy định về h&igrave;nh thức, c&ograve;n lại vẫn c&oacute; thời gian tr&ecirc;n trường rồi c&ograve;n th&ocirc;ng tin trao đổi/chat với bạn kh&oacute; kiểm so&aacute;t hơn n&ecirc;n thật ra trang bị cho c&aacute;c bạn những th&ocirc;ng tin về an to&agrave;n mạng v&agrave; c&aacute;c lưu &yacute; khi sử dụng mạng/t&igrave;m kiếm th&ocirc;ng tin/upload th&ocirc;ng tin theo V&acirc;n l&agrave; quan trọng hơn nhiều. Như 2 bạn lớn nh&agrave; V&acirc;n được tạo t&agrave;i khoản Facebook v&agrave; Instagram từ năm học lớp 5. N&ecirc;n lượng th&ocirc;ng tin/kiến thức về sử dụng mạng l&agrave; ba mẹ trao đổi v&agrave; nhắc lại cho c&aacute;c bạn rất thường xuy&ecirc;n&quot;

Bố mẹ tham gia nh&oacute;m để c&ugrave;ng thảo luận v&agrave; nhận nhiều t&agrave;i liệu học tập cho con&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Nguồn:&nbsp; Afamily

Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục

CSS chưa bao giờ l&agrave; kh&oacute; để học, nhưng để viết &iacute;t code CSS nhất m&agrave; vẫn c&oacute; thể cover được nhiều t&igrave;nh huống layout xảy ra th&igrave; kh&ocirc;ng hề dễ d&agrave;ng ch&uacute;t n&agrave;o, điều n&agrave;y&nbsp;đ&ograve;i hỏi người l&agrave;m UI c&oacute; 1 sự trải nghiệm thật nhiều, va chạm với nhiều kiểu layout, bị dự &aacute;n, bị kh&aacute;ch h&agrave;ng &eacute;p cho c&aacute;c t&igrave;nh huống xử l&yacute; layout kh&oacute; để rồi phải đi t&igrave;m t&ograve;i v&agrave; thế l&agrave; am hiểu n&oacute; hơn.

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/mot-vai-thu-thuat-css-ma-chinh-frontend-con-chua-biet-p1">Một v&agrave;i thủ thuật CSS m&agrave; ch&iacute;nh Front end c&oacute; thể c&ograve;n chưa biết (P1)</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/mot-so-thu-vien-frontend-cho-anh-em-tham-khao">Một số thư viện animation cho anh em Frontend tham khảo</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/lap-trinh-vien-Front-end-la-newbie-nen-bo-tui-nhung-gi">Lập tr&igrave;nh vi&ecirc;n frontend l&agrave; newbie n&ecirc;n bỏ t&uacute;i những g&igrave;?</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/frontend-testing-va-nhung-dieu-can-chu-trong-khi-thu-nghiem">Frontend testing v&agrave; những điều cần ch&uacute; trọng trong thử nghiệm</a>
</blockquote>

<h3>1. M&aacute;y em yếu lắm, em muốn tắt animation tr&ecirc;n web đi th&igrave; phải l&agrave;m sao?</h3>

Tr&ecirc;n c&aacute;c hệ điều h&agrave;nh d&agrave;nh cho Desktop v&agrave; cả Mobile, c&aacute;c nh&agrave; ph&aacute;t h&agrave;nh đều đang ho&agrave;n thiện v&agrave; cung cấp cho người d&ugrave;ng t&iacute;nh năng để &quot;tắt đi bớt hiệu ứng (motion, animation)&quot; tr&ecirc;n hệ điều h&agrave;nh.

V&agrave; hưởng ứng theo phong tr&agrave;o đấy, th&igrave; c&aacute;c tr&igrave;nh duyệt cũng đang dần ho&agrave;n thiện v&agrave; ph&aacute;t h&agrave;nh đến cho cộng đồng ph&aacute;t triển web 1 media query c&oacute; t&ecirc;n&nbsp;prefers-reduced-motion

Tuy chưa được phổ biến ở tất cả c&aacute;c tr&igrave;nh duyệt m&agrave; ch&uacute;ng ta thường phục vụ, trong đ&oacute; c&oacute; IE, nhưng v&igrave; đ&acirc;y l&agrave; 1 t&iacute;nh năng hoạt động theo kiểu enhancement, tức l&agrave; nếu được th&ecirc;m tr&igrave;nh duyệt n&agrave;o đ&aacute;p ứng th&igrave; c&agrave;ng tốt chừng đ&oacute;. V&igrave; n&oacute; kh&ocirc;ng ảnh hưởng trực tiếp đến trải nghiệm của người d&ugrave;ng, n&ecirc;n nếu tr&igrave;nh duyệt kh&ocirc;ng support, th&igrave; cũng kh&ocirc;ng c&oacute; g&igrave; phải lo cả.

Cơ chế hoạt động của t&iacute;nh năng n&agrave;y v&ocirc; c&ugrave;ng dễ hiểu, giả sử bạn đang c&oacute; 1 đoạn code CSS viết hiệu ứng&nbsp;<code>hover</code>&nbsp;th&igrave; cho c&aacute;i hộp&nbsp;<code>transform</code>&nbsp;xoay 1 v&ograve;ng:

<pre>
<code>.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 transition: .5s;
 
 &amp;:hover {
 transform: rotate(1turn);
 }
}
</code></pre>

Giả sử người d&ugrave;ng ở đ&acirc;y đang sử dụng MacOS, họ thường c&oacute; xu hướng tick v&agrave;o&nbsp;<code>Reduce Motion</code>&nbsp;để disable đi hiệu ứng.

<img alt="" src="https://images.viblo.asia/09f252a5-08a1-4140-b7c3-9b95c37946f5.png" />

<blockquote>
Đối với c&aacute;c HĐH kh&aacute;c, th&igrave; bạn c&oacute; thể xem th&ecirc;m phần&nbsp;User Preferences&nbsp;ở&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" target="_blank">link n&agrave;y</a>&nbsp;để biết c&aacute;ch chọn t&iacute;nh năng n&agrave;y.
</blockquote>

Rồi khi quay lại web, họ muốn hiệu ứng&nbsp;<code>hover</code>&nbsp;kia kh&ocirc;ng c&ograve;n hoạt động nữa (c&aacute;i&nbsp;<code>.box</code>&nbsp;kia kh&ocirc;ng bị xoay v&ograve;ng tr&ograve;n nữa). L&uacute;c n&agrave;y code của ch&uacute;ng ta sẽ cần d&ugrave;ng đến media query&nbsp;<code>prefers-reduced-motion</code>&nbsp;như sau:

<pre>
<code>.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 transition: .5s;
 
 &amp;:hover {
 transform: rotate(1turn);
 
 @media (prefers-reduced-motion: reduce) {
 transform: none;
 }
 }
}</code>
</pre>

Nếu bạn ấy đang sử dụng Chrome hoặc Firefox với c&aacute;c phi&ecirc;n bản mới nhất, th&igrave; chắc chắc đoạn code tr&ecirc;n hoạt động được rồi đấy.

V&agrave; đ&oacute; l&agrave; trường hợp m&igrave;nh giả sử cho c&aacute;c bạn dễ hiểu (hiệu ứng c&oacute; vẻ đang c&ograve;n kh&aacute; đơn giản, chưa đến mức cần phải tắt n&oacute; đi), nhưng trong thực tế sẽ c&oacute; những trang web kh&aacute;ch h&agrave;ng muốn c&oacute; nhiều hiệu ứng, v&agrave; đ&acirc;u đ&oacute; n&oacute; đang ngốn RAM v&agrave; l&agrave;m cho m&aacute;y t&iacute;nh của bạn c&oacute; cảm gi&aacute;c bị chậm hơn, trải nghiệm tr&ecirc;n trang web l&uacute;c đấy kh&ocirc;ng c&ograve;n được smooth, hoặc đ&ocirc;i khi l&agrave; bị giật giật nếu m&aacute;y c&oacute; cấu h&igrave;nh hơi yếu.

<blockquote>
Browser Support:&nbsp;KH&Ocirc;NG VẤN ĐỀ G&Igrave;

Như đ&atilde; giải th&iacute;ch ở tr&ecirc;n, đ&acirc;y l&agrave; t&iacute;nh năng gi&uacute;p cải thiện trải nghiệm người d&ugrave;ng tốt hơn, n&ecirc;n cứ tr&igrave;nh duyệt n&agrave;o m&agrave; hỗ trợ th&igrave; c&agrave;ng tốt.

<a href="https://caniuse.com/#feat=mdn-css_at-rules_media_prefers-reduced-motion" target="_blank">https://caniuse.com/#feat=mdn-css_at-rules_media_prefers-reduced-motion</a>
</blockquote>

<h4>Đọc hiểu th&ecirc;m</h4>

<ul>
	<li><a href="https://developers.google.com/web/updates/2019/03/prefers-reduced-motion" target="_blank">https://developers.google.com/web/updates/2019/03/prefers-reduced-motion</a></li>
	<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion</a></li>
</ul>

<h3>2. Viết&nbsp;<code>@keyframes</code>&nbsp;ngắn hơn</h3>

<code>@keyframes</code>&nbsp;được coi l&agrave; thứ quan trọng nhất của thuộc t&iacute;nh&nbsp;<code>animation</code>, nhưng m&igrave;nh chắc rằng l&acirc;u nay khi c&aacute;c bạn define 1&nbsp;<code>@keyframes</code>&nbsp;m&agrave; kh&ocirc;ng để &yacute; tận dụng hết khả năng vốn c&oacute; của c&aacute;c thuộc t&iacute;nh con của&nbsp;<code>animation</code>&nbsp;như&nbsp;<code>animation-fill-mode</code>&nbsp;hay&nbsp;<code>animation-direction</code>&nbsp;mang lại. Dưới đ&acirc;y l&agrave; 1 v&agrave;i kh&aacute;m ph&aacute; m&agrave; m&igrave;nh học hỏi được:

2.1.&nbsp;<code>animation-fill-mode: forwards</code>

Với kiểu hiệu ứng chuyển động&nbsp;fade-in&nbsp;kh&aacute; l&agrave; quen thuộc với nhiều dev v&agrave; hay được sử dụng, c&oacute; phải bạn thường sẽ viết theo kiểu:

<pre>
<code>@keyframes fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 
 opacity: 1;
 animation: fadeIn 2s;
}</code>
</pre>

Nhưng trong trường hợp n&agrave;y, thuộc t&iacute;nh&nbsp;<code>animation-fill-mode</code>&nbsp;với gi&aacute; trị l&agrave;&nbsp;<code>forwards</code>&nbsp;sẽ gi&uacute;p cho đoạn định nghĩa&nbsp;<code>@keyframes</code>&nbsp;ở tr&ecirc;n kh&ocirc;ng cần phải khai b&aacute;o phần&nbsp;<code>from { ... }</code>&nbsp;nữa.

<pre>
<code>@keyframes fadeIn {
 to {
 opacity: 1;
 }
}

.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 
 opacity: 0;
 animation: fadeIn 2s forwards;
}</code>
</pre>

2.2.&nbsp;<code>animation-direction: alternate</code>

Tiếp tục 1 case chuyển động kh&aacute;c, lần n&agrave;y m&igrave;nh muốn m&agrave;u background chuyển động từ&nbsp;m&agrave;u đỏ&nbsp;sang&nbsp;m&agrave;u v&agrave;ng&nbsp;v&agrave; cho chuyển động li&ecirc;n tục (infinite)

Trước đ&acirc;y, m&igrave;nh to&agrave;n viết thế n&agrave;y:

<pre>
<code>@keyframes bgColorTransition {
 0% {
 background-color: red;
 }
 50% {
 background-color: yellow;
 }
 100% {
 background-color: red;
 }
}

.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 
 animation: bgColorTransition 2s linear infinite;
}</code>
</pre>

Nhưng khi biết được sự hay ho của thuộc t&iacute;nh&nbsp;<code>animation-direction: alternate</code>, th&igrave; code m&igrave;nh giảm đi hẳn được mấy d&ograve;ng kh&ocirc;ng cần thiết, m&agrave; hiệu ứng vẫn đạt được như &yacute; muốn.

<pre>
<code>@keyframes bgColorTransition {
 to {
 background-color: yellow;
 }
}

.box {
 ... c&aacute;c thuộc t&iacute;nh kh&aacute;c
 
 background-color: red;
 animation: bgColorTransition 1s linear infinite alternate;
}</code>
</pre>

<blockquote>
Browser Support:&nbsp;HỖ TRỢ NGON L&Agrave;NH

Những tips tr&ecirc;n đều l&agrave; c&aacute;c thuộc t&iacute;nh&nbsp;<code>animation</code>, m&agrave;&nbsp;<code>animation</code>&nbsp;th&igrave; đ&atilde; được hỗ trợ tr&ecirc;n c&aacute;c tr&igrave;nh duyệt kh&aacute; l&agrave; phổ biến rồi (IE10 trở l&ecirc;n cũng đ&atilde; hỗ trợ tốt)

<a href="https://caniuse.com/#feat=css-animation" target="_blank">https://caniuse.com/#feat=css-animation</a>
</blockquote>

<h4>Đọc hiểu th&ecirc;m</h4>

<ul>
	<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode</a></li>
	<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction</a></li>
	<li><a href="https://twitter.com/anatudor/status/1213449962610147330" target="_blank">https://twitter.com/anatudor/status/1213449962610147330</a></li>
</ul>

<h3>3. Tạo khoảng c&aacute;ch cho một component với ĐIỀU KIỆN L&Agrave;</h3>

Bạn h&igrave;nh dung c&oacute; kiểu t&igrave;nh huống như n&agrave;y, bạn thường chia c&aacute;c section tr&ecirc;n trang th&agrave;nh những component ri&ecirc;ng biệt để c&oacute; thể reuse, cũng như l&agrave; dễ code, dễ maintain, dễ đọc nữa..

<pre>
<code>&lt;!-- Trang 1 --&gt;
&lt;div&gt;
 &lt;ComponentA /&gt;
 &lt;ComponentB /&gt;
 &lt;ComponentC /&gt;
&lt;/div&gt;

&lt;!-- Trang 2 --&gt;
&lt;div&gt;
 &lt;ComponentB /&gt;
 &lt;ComponentC /&gt;
 ^
 &lt;ComponentA /&gt;
&lt;/div&gt;
</code></pre>

Khi x&acirc;y dựng&nbsp;ComponentA&nbsp;m&igrave;nh kh&ocirc;ng set&nbsp;<code>margin-top</code>&nbsp;v&igrave; nh&igrave;n v&agrave;o tổng thể thiết kế, n&oacute; thường đặt ở đầu v&agrave; kh&ocirc;ng c&oacute; khoảng c&aacute;ch g&igrave; so với top cả, nhưng c&oacute; v&agrave;i trường hợp th&igrave; n&oacute; lại chui xuống dưới nằm v&agrave; thật kh&ocirc;ng may l&agrave; khi&nbsp;ComponentA&nbsp;m&agrave; ở dưới&nbsp;ComponentC&nbsp;th&igrave; 2 component d&iacute;nh s&aacute;t v&agrave;o nhau, tr&ocirc;ng giao diện l&uacute;c n&agrave;y kh&aacute; l&agrave; xấu, l&uacute;c n&agrave;y m&igrave;nh sẽ phải t&igrave;m c&aacute;ch tạo 1 khoảng&nbsp;<code>margin</code>&nbsp;cho 2 component tr&ecirc;n.

Case n&agrave;y để xử l&yacute; th&igrave; kh&ocirc;ng c&oacute; g&igrave; kh&oacute; cả, c&aacute;c bạn dev sẽ nghĩ ra rất nhiều c&aacute;ch, kiểu như:

<ul>
	<li>Đặt&nbsp;<code>class</code>&nbsp;th&ecirc;m cho&nbsp;componentA, v&iacute; dụ 1 class tiện &iacute;ch kiểu&nbsp;<code>mt-30</code>&nbsp;(<code>margin-top: 30px</code>) v&agrave; gắn class v&agrave;o khi m&agrave; gọi&nbsp;ComponentA&nbsp;ở dưới&nbsp;ComponentC.</li>
	<li>Nếu bạn đang l&agrave;m việc với React hoặc Vue, th&igrave; c&oacute; lẽ bạn nghĩ tới việc define 1 props l&agrave;&nbsp;<code>marginTop</code>&nbsp;chẳng hạn.</li>
</ul>

C&aacute;c c&aacute;ch tr&ecirc;n th&igrave; nh&igrave;n c&oacute; vẻ cũng ok rồi đ&oacute;, nhưng m&agrave; m&igrave;nh muốn n&oacute; auto 1 ch&uacute;t, cứ phải l&agrave;m sao m&agrave; khi 2 component kia đi liền kề (ComponentA&nbsp;liền kề sau&nbsp;ComponentC) th&igrave; CSS set&nbsp;<code>margin-top</code>&nbsp;v&agrave;o đ&oacute;&nbsp;

M&agrave; n&oacute;i đến liền kề, th&igrave; m&igrave;nh chỉ c&oacute; nghĩ ngay đến selector&nbsp;<code>+</code>&nbsp;trong CSS th&ocirc;i!!!

V&agrave; đoạn code ở đ&acirc;y l&agrave;:

<pre>
<code>.ComponentC + .ComponentA {
 margin-top: 30px;
}
</code></pre>

Đoạn code tr&ecirc;n nghĩa l&agrave;&nbsp;ComponentA&nbsp;chỉ ăn được CSS&nbsp;<code>margin-top: 30px</code>&nbsp;khi m&agrave; n&oacute; đặt c&ugrave;ng cấp v&agrave; liền kề sau với&nbsp;ComponentC&nbsp;m&agrave; th&ocirc;i.

<blockquote>
Browser Support:&nbsp;100% ĂN CHẮC

K&yacute; hiệu&nbsp;<code>+</code>&nbsp;kia l&agrave; selector của CSS 2.1 m&agrave;, n&ecirc;n kh&ocirc;ng c&oacute; g&igrave; để b&agrave;n về Browser Support nữa rồi

<a href="https://caniuse.com/#feat=css-sel2" target="_blank">https://caniuse.com/#feat=css-sel2</a>
</blockquote>

Nguồn: Viblo.asia

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P2)

Giống như một chiếc trực thăng, bay lượn tr&ecirc;n đầu đứa trẻ bất cứ l&uacute;c n&agrave;o, can thiệp v&agrave;o mọi thứ của trẻ, hạ c&aacute;nh ngay lập tức khi đứa trẻ sắp gặp kh&oacute; khăn v&agrave; giải v&acirc;y cho đứa trẻ, kh&ocirc;ng chỗ n&agrave;o kh&ocirc;ng vắng mặt... được gọi l&agrave; &quot;Cha mẹ trực thăng&quot;. Họ lu&ocirc;n &quot;lơ lửng&quot; quanh đầu đứa trẻ như một chiếc trực thăng, theo d&otilde;i nhất cử nhất động của đứa trẻ, v&igrave; lo sợ những g&igrave; sắp xảy ra. 

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/dung-ngan-cam-hay-huong-dan-con-su-dung-mang-xa-hoi-dung-cach">Đừng ngăn cấm, hay hướng dẫn con sử dụng mạng x&atilde; hội đ&uacute;ng c&aacute;ch</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/5-phan-mem-nhac-nho-nghi-ngoi-khi-dung-may-tinh">5 phần mềm nhắc nhở nghỉ ngơi khi ngồi m&aacute;y t&iacute;nh</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/de-tre-tranh-nghien-game-khi-nghi-he">L&agrave;m g&igrave; để trẻ tr&aacute;nh nghiện game khi nghỉ h&egrave;?</a>
</blockquote>

C&aacute;c nghi&ecirc;n cứu đ&atilde; chỉ ra rằng &quot;cha mẹ trực thăng&quot; tỉ mỉ qu&aacute; mức sẽ khiến trẻ c&agrave;ng kh&ocirc;ng h&agrave;i l&ograve;ng với gia đ&igrave;nh, cuộc sống v&agrave; hạnh ph&uacute;c thấp hơn. Mức độ trầm cảm c&agrave;ng cao, sức đề kh&aacute;ng c&agrave;ng thấp, c&agrave;ng dễ dẫn đến c&aacute;c suy nghĩ qu&aacute; kh&iacute;ch v&agrave; cực đoan. Nhưng họ lại kh&ocirc;ng nhận ra m&igrave;nh đang bảo vệ con c&aacute;i qu&aacute; mức, khiến đứa trẻ mất đi kh&ocirc;ng gian để tự do ph&aacute;t triển.

Điều n&agrave;y kh&ocirc;ng c&oacute; lợi cho sự ph&aacute;t triển của trẻ em, v&igrave; thế đ&atilde; bồi dưỡng n&ecirc;n những &ldquo;ho&agrave;ng tử&rdquo; v&agrave; &ldquo;c&ocirc;ng ch&uacute;a&quot; ki&ecirc;u ngạo. Nếu cha mẹ lu&ocirc;n chuẩn bị &quot;chuy&ecirc;n cơ&quot; cho con c&aacute;i, trẻ sẽ h&igrave;nh th&agrave;nh th&oacute;i quen &lsquo;ỷ lại&rsquo; v&agrave; con đường m&agrave; ch&uacute;ng tự m&igrave;nh bước đi sẽ biến mất. Khi ch&uacute;ng bước v&agrave;o x&atilde; hội v&agrave; học c&aacute;ch tự lập, sẽ thật kh&oacute; để th&iacute;ch nghi. Khi c&oacute; đủ loại kh&oacute; khăn v&agrave; nguy hiểm trong x&atilde; hội, ch&uacute;ng sẽ trở n&ecirc;n hoảng loạn v&agrave; kh&ocirc;ng biết phải l&agrave;m g&igrave;.

<img alt="Cha mẹ trực thăng - 1" src="https://img.ntdvn.com/2020/03/ntdvn_cha-me-truc-thang-3.jpg" style="height:432px; width:720px" />

<h3>Bạn c&oacute; phải l&agrave; &quot;Phụ huynh trực thăng&quot; kh&ocirc;ng?</h3>

Nhiều người c&oacute; thể kh&ocirc;ng biết rằng họ đ&atilde; lặng lẽ trở th&agrave;nh &lsquo;cha mẹ trực thăng&rsquo;. Vậy l&agrave;m thế n&agrave;o để bạn biết nếu bạn l&agrave; một m&aacute;y bay trực thăng? Nếu bạn c&oacute; c&aacute;c triệu chứng sau đ&acirc;y, bạn n&ecirc;n suy nghĩ về n&oacute;!

1: Nếu trẻ qu&ecirc;n mang s&aacute;ch hoặc đồ ăn trưa ở trường, phụ huynh thậm ch&iacute; sẽ kh&ocirc;ng đến sở l&agrave;m, ngay lập tức về nh&agrave; gi&uacute;p trẻ lấy đồ, sau đ&oacute; tự m&igrave;nh đưa đến trường.

2: Nếu gi&aacute;o vi&ecirc;n lớp mới của trẻ kh&aacute; nghi&ecirc;m khắc, người mẹ sẽ ngay lập tức đến gặp hiệu trưởng v&agrave; y&ecirc;u cầu một gi&aacute;o vi&ecirc;n kh&aacute;c h&ograve;a &aacute;i v&agrave; c&oacute; năng lực hơn.

3: Cha mẹ gi&uacute;p con l&agrave;m b&agrave;i tập về nh&agrave; v&agrave; thậm ch&iacute; cho con biết đ&aacute;p &aacute;n, chỉ mong rằng trẻ sẽ đạt điểm b&agrave;i tập về nh&agrave; cao nhất.

4: Mỗi khi trẻ gặp bất kỳ kh&oacute; khăn n&agrave;o, cha mẹ lu&ocirc;n lo lắng rằng con m&igrave;nh mong manh dễ vỡ như thủy tinh, v&igrave; vậy đều chặn l&ecirc;n ph&iacute;a trước v&agrave; giải quyết mọi kh&oacute; khăn.

5: Gọi v&agrave;i cuộc điện thoại cho gi&aacute;o vi&ecirc;n mỗi ng&agrave;y, để chắc chắn rằng con m&igrave;nh đang ở trường v&agrave; đang học tốt.

6: Khi trẻ học tiểu học, ch&uacute;ng kh&ocirc;ng biết c&aacute;ch mặc quần &aacute;o v&agrave; thắt d&acirc;y gi&agrave;y. Kh&ocirc;ng vấn đề g&igrave;! Mẹ sẽ chọn bộ quần &aacute;o đẹp nhất v&agrave; buộc d&acirc;y gi&agrave;y cho con.

7: Chọn trường tốt nhất cho con từ khi c&ograve;n nhỏ, kh&ocirc;ng phải tốt nhất th&igrave;&hellip; th&agrave; kh&ocirc;ng đi. Ngay cả những người bạn xung quanh đứa trẻ cũng quản, nhất định phải l&agrave; những người bạn c&oacute; th&agrave;nh t&iacute;ch học tập tốt. Ngo&agrave;i ra, lu&ocirc;n thu&ecirc; gia sư tốt nhất để giữ th&agrave;nh t&iacute;ch của con l&ecirc;n h&agrave;ng đầu.

<h3>Vậy, ch&uacute;ng ta c&oacute; thể l&agrave;m g&igrave; để thay đổi t&igrave;nh trạng n&agrave;y? </h3>

H&atilde;y nhận ra đ&acirc;u l&agrave; t&igrave;nh y&ecirc;u đ&iacute;ch thực d&agrave;nh cho con, v&agrave; đ&acirc;u l&agrave; t&igrave;nh y&ecirc;u &lsquo;m&ugrave; qu&aacute;ng&rsquo;. T&igrave;nh y&ecirc;u đ&iacute;ch thực c&oacute; thể l&agrave;m cho trẻ mạnh mẽ hơn, ngược lại, t&igrave;nh y&ecirc;u m&ugrave; qu&aacute;ng chỉ c&oacute; thể l&agrave;m hại đứa trẻ. Do đ&oacute;, h&atilde;y đứng từ g&oacute;c nh&igrave;n của đứa trẻ để y&ecirc;u thương ch&uacute;ng, thay v&igrave; m&ugrave; qu&aacute;ng theo đuổi những g&igrave; bạn nghĩ.

Thứ hai, đừng ngại l&agrave;m một bậc cha mẹ &ldquo;lười biếng&quot;. Đ&ocirc;i khi, đến l&uacute;c để trẻ học c&aacute;ch tự lập, ch&uacute;ng ta cần phải bu&ocirc;ng tay, để trẻ ng&atilde; v&agrave; va vấp, để ch&uacute;ng c&oacute; thể ph&aacute;t triển tốt hơn thay v&igrave; hộ tống trẻ một c&aacute;ch m&ugrave; qu&aacute;ng. Đem những kh&oacute; khăn, tr&aacute;ch nhiệm v&agrave; thất bại trong cuộc sống trả lại cho con bạn, v&agrave; để ch&uacute;ng h&atilde;y l&agrave; ch&iacute;nh ch&uacute;ng, m&agrave; kh&ocirc;ng phải &lsquo;con tốt&rsquo; dưới sự kiểm so&aacute;t của cha mẹ.

V&iacute; dụ, nếu một đứa trẻ thường qu&ecirc;n mang theo s&aacute;ch hoặc b&agrave;i tập về nh&agrave;, đừng vội v&agrave;ng mang đến lớp cho con, h&atilde;y để ch&uacute;ng bị ph&ecirc; b&igrave;nh v&agrave; ghi nhớ, v&igrave; vậy sẽ kh&ocirc;ng qu&ecirc;n v&agrave;o lần sau. Cuối c&ugrave;ng, h&atilde;y l&agrave; một cha mẹ cổ vũ, kh&ocirc;ng phải l&agrave; cha mẹ mở đường.

<img alt="Cha mẹ trực thăng - 2" src="https://photo-1-baomoi.zadn.vn/w1000_r1/2020_05_24_119_35148662/57aeb600ed43041d5d52.jpg" style="height:525px; width:720px" />

Chắc rằng, l&agrave;m cha mẹ, ch&uacute;ng ta đều sẽ c&oacute; một &lsquo;chiếc trực thăng&rsquo; trong tr&aacute;i tim, bởi v&igrave; đ&acirc;y l&agrave; những g&igrave; ch&uacute;ng ta kỳ vọng ở con c&aacute;i. Tuy nhi&ecirc;n, khi đứa trẻ lớn l&ecirc;n, cha mẹ phải học c&aacute;ch bu&ocirc;ng tay, tin tưởng, để con c&oacute; đủ dũng kh&iacute; đối mặt với kh&oacute; khăn trong cuộc sống, thay v&igrave; một mực gi&uacute;p ch&uacute;ng giải quyết vấn đề.

Mỗi đứa trẻ trong nh&agrave; ch&uacute;ng ta l&agrave; một bảo bối. Thế nhưng, h&atilde;y đừng l&agrave; &lsquo;cha mẹ trực thăng&rsquo; một c&aacute;ch m&ugrave; qu&aacute;ng. Giống như đứa trẻ đang học đi, cha mẹ c&oacute; thể l&ugrave;i lại một bước, để đứa trẻ c&oacute; thể tiến bước xa hơn.

Nguồn: ntdvn.com

Bố mẹ tham gia nh&oacute;m để c&ugrave;ng thảo luận, xem&nbsp;những&nbsp;b&iacute; k&iacute;p dạy con sử dụng c&ocirc;ng nghệ hiệu quả&nbsp;v&agrave; t&agrave;i liệu học tập cho con&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Xin đừng làm "cha mẹ trực thăng"

CSS chưa bao giờ l&agrave; kh&oacute; để học, nhưng để viết &iacute;t code CSS nhất m&agrave; vẫn c&oacute; thể cover được nhiều t&igrave;nh huống layout xảy ra th&igrave; kh&ocirc;ng hề dễ d&agrave;ng ch&uacute;t n&agrave;o.

Thuần thục được m&oacute;n n&agrave;y đ&ograve;i hỏi người l&agrave;m UI c&oacute; 1 sự trải nghiệm thật nhiều, va chạm với nhiều kiểu layout, bị dự &aacute;n, bị kh&aacute;ch h&agrave;ng &eacute;p cho c&aacute;c t&igrave;nh huống xử l&yacute; layout kh&oacute; để rồi phải đi t&igrave;m t&ograve;i v&agrave; thế l&agrave; am hiểu n&oacute; hơn.

Đ&acirc;y l&agrave; 1 v&agrave;i thủ thuật CSS m&agrave; trong qu&aacute; tr&igrave;nh l&agrave;m việc&nbsp;m&igrave;nh gặp phải v&agrave; học được c&aacute;ch giải quyết n&oacute; 1 c&aacute;ch đơn giản.&nbsp;

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/mot-so-thu-vien-frontend-cho-anh-em-tham-khao">Một số thư viện animation cho anh em Frontend tham khảo</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/lap-trinh-vien-Front-end-la-newbie-nen-bo-tui-nhung-gi">Lập tr&igrave;nh vi&ecirc;n frontend l&agrave; newbie n&ecirc;n bỏ t&uacute;i những g&igrave;?</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/frontend-testing-va-nhung-dieu-can-chu-trong-khi-thu-nghiem">Frontend testing v&agrave; những điều cần ch&uacute; trọng trong thử nghiệm</a>
</blockquote>

<h3>1. Giờ mới biết&nbsp;<code>position: sticky</code>&nbsp;lợi hại đến thế!!!</h3>

Thuộc t&iacute;nh n&agrave;y c&oacute; lẽ kh&ocirc;ng qu&aacute; xa lạ với c&aacute;c <a href="https://mindx.edu.vn/course/code-for-everyone-javascript">dev Frontend</a>, nhưng liệu rằng bạn c&oacute; nhớ đến n&oacute; mỗi khi muốn&nbsp;<code>sticky</code>&nbsp;1 element n&agrave;o đ&oacute; khi scrolling kh&ocirc;ng? (M&igrave;nh cũng hay qu&ecirc;n, nhiều l&uacute;c cứ gặp trường hợp như n&agrave;y to&agrave;n l&ocirc;i JS ra xử l&yacute;..thiệt l&agrave; uổng ph&iacute;)

V&iacute; dụ dễ thấy nhất l&agrave; trang Viblo, khu vực chứa số lượng vote của mỗi b&agrave;i viết sẽ được&nbsp;<code>sticky</code>&nbsp;lại mỗi khi cuộn xuống như thế n&agrave;y

<img alt="" src="https://images.viblo.asia/d8a5477b-34e7-4031-870f-8006cdd2813d.PNG" />

M&igrave;nh đ&atilde; l&agrave;m ri&ecirc;ng ra đ&acirc;y 1 v&iacute; dụ để c&aacute;c bạn dễ h&igrave;nh dung.

<blockquote>
V&igrave; Codepen y&ecirc;u cầu bạn phải x&aacute;c nhận &quot;T&ocirc;i l&agrave; con người&quot;, n&ecirc;n c&oacute; thể bạn kh&ocirc;ng preview trực tiếp kết quả demo ở đ&acirc;y được, m&igrave;nh sẽ đ&iacute;nh k&egrave;m th&ecirc;m link đến Codepen.
</blockquote>

<a href="https://codepen.io/tinhh/pen/OJybLzz" target="_blank">Link to demo on Codepen</a>

Thật sự t&iacute;nh năng n&agrave;y đ&atilde; gi&uacute;p &iacute;ch cho m&igrave;nh rất nhiều, nếu dự &aacute;n của bạn kh&aacute;ch h&agrave;ng chỉ y&ecirc;u cầu chạy tr&ecirc;n Chrome v&agrave; Firefox th&igrave; &aacute;p dụng n&oacute; tuyệt vời lu&ocirc;n.

&quot;V&agrave;i năm trước đ&acirc;y&quot; để xử l&yacute; t&igrave;nh huống tr&ecirc;n m&igrave;nh phải viết 1 đoạn code JS (chủ yếu l&agrave; jQuery) d&agrave;i thiệt d&agrave;i để m&agrave; xử l&yacute; được n&oacute;.

Chưa hết đ&acirc;u, h&atilde;y thử tưởng tượng c&aacute;i sticky kia m&agrave; &aacute;p dụng được v&agrave;o để fixed header của table th&igrave; c&ograve;n g&igrave; bằng nữa...

M&igrave;nh bắt gặp trang&nbsp;<a href="https://www.dropbox.com/plans" target="_blank">Price của Dropbox</a>&nbsp;c&oacute; kiểu hiệu ứng fixed table header như n&agrave;y (Nhưng inspect element xem thử code, th&igrave; thấy họ đang sử dụng JS để control l&agrave;m việc đ&oacute;).

Thế th&igrave; h&atilde;y thử th&aacute;ch với&nbsp;<code>position: sticky</code>&nbsp;để xem n&oacute; c&oacute; l&agrave;m được kh&ocirc;ng nh&eacute;!

<a href="https://codepen.io/tinhh/pen/bGVBwMB" target="_blank">Link to demo on Codepen</a>

Được lu&ocirc;n các bạn ơi, hay quá..nhưng hãy đ&ecirc;̉ ý 1 chút, để sticky được header của table th&igrave; CSS Selector phải target đến&nbsp;<code>th</code>&nbsp;hoặc&nbsp;<code>td</code>&nbsp;nằm trong thẻ&nbsp;<code>tr</code>&nbsp;nh&eacute;.

<blockquote>
Browser Support:&nbsp;IE KH&Ocirc;NG (tương) TH&Iacute;CH

Lại l&agrave; IE vẫn chưa support thuộc t&iacute;nh n&agrave;y. Nếu cần support cho IE th&igrave; bạn c&oacute; thể tham khảo qua&nbsp;<a href="https://github.com/wilddeer/stickyfill" target="_blank">polyfill n&agrave;y</a>

<a href="https://caniuse.com/#feat=css-sticky" target="_blank">https://caniuse.com/#feat=css-sticky</a>
</blockquote>

<h4>Đọc hi&ecirc;̉u th&ecirc;m</h4>

<ul>
	<li><a href="https://css-tricks.com/position-sticky-and-table-headers/" target="_blank">https://css-tricks.com/position-sticky-and-table-headers/</a></li>
	<li><a href="https://codepen.io/chriscoyier/pen/PrJdxb" target="_blank">https://codepen.io/chriscoyier/pen/PrJdxb</a></li>
	<li><a href="https://stackoverflow.com/questions/44001954/css-only-sticky-table-headers-in-chrome" target="_blank">https://stackoverflow.com/questions/44001954/css-only-sticky-table-headers-in-chrome</a></li>
</ul>

<h3>2. Mã màu&nbsp;<code>rgb</code>&nbsp;với syntax mới, d&ecirc;̃ dàng thay đổi hơn.</h3>

Lại là 1 tính năng mới đang được ph&aacute;t triển của&nbsp;CSS Level 4, nhưng lần n&agrave;y kh&ocirc;ng phải l&agrave;&nbsp;Selector Level 4, m&agrave; l&agrave;&nbsp;Color Level 4&nbsp;

<blockquote>
Ở&nbsp;<a href="https://viblo.asia/p/mot-vai-thu-thuat-css-ma-chinh-frontend-co-the-con-chua-biet-phan-21-djeZ1ooJ5Wz#_3-css-selector-khong-phan-biet-chu-hoa-chu-thuong-2" target="_blank">phần 21</a>&nbsp;m&igrave;nh c&oacute; đề cập đến&nbsp;CSS Selector Level 4&nbsp;l&agrave; g&igrave; rồi, c&aacute;c bạn c&oacute; thể xem lại.
</blockquote>

Hai t&iacute;nh năng được giới thiệu về sự thay đổi của m&atilde; m&agrave;u&nbsp;<code>rgb()</code>&nbsp;đ&oacute; l&agrave;:

<ol>
	<li>Được sử dụng&nbsp;<code>space</code>&nbsp;l&agrave;m separated giữa c&aacute;c tham số m&atilde; m&agrave;u =&gt;&nbsp;<code>rgb(255 0 0)</code>.</li>
	<li>T&iacute;ch hợp lu&ocirc;n alpha v&agrave;o m&agrave; kh&ocirc;ng cần phải đổi từ&nbsp;<code>rba</code>&nbsp;sang&nbsp;<code>rgba</code>&nbsp;=&gt;&nbsp;<code>rgb(255 0 0 / 50%)</code>.</li>
</ol>

<blockquote>
M&atilde; m&agrave;u&nbsp;<code>hsl</code>&nbsp;cũng được thay đổi tương tự (M&igrave;nh th&igrave; hầu như chưa bao giờ sử dụng đến kiểu khai b&aacute;o m&agrave;u n&agrave;y, n&ecirc;n kh&ocirc;ng đề cập chi tiết về n&oacute;).
</blockquote>

<a href="https://codepen.io/tinhh/pen/WNQRevE" target="_blank">Link to demo on Codepen</a>

<blockquote>
Browser Support:&nbsp;VẪN L&Agrave; IE KH&Ocirc;NG HIỂU&nbsp;

<a href="https://caniuse.com/#feat=mdn-css_types_color_space_separated_functional_notation" target="_blank">https://caniuse.com/#feat=mdn-css_types_color_space_separated_functional_notation</a>
</blockquote>

<h4>Đọc hiểu th&ecirc;m</h4>

<ul>
	<li><a href="https://twitter.com/argyleink/status/1218305696862588928" target="_blank">https://twitter.com/argyleink/status/1218305696862588928</a></li>
	<li><a href="https://github.com/Fyrd/caniuse/issues/4732" target="_blank">https://github.com/Fyrd/caniuse/issues/4732</a></li>
	<li><a href="https://github.com/Fyrd/caniuse/issues/2679" target="_blank">https://github.com/Fyrd/caniuse/issues/2679</a></li>
	<li><a href="https://github.com/w3c/csswg-drafts/blob/a54f8b2089d16eca696690fe7ffc3c11d4db9861/css-color/Overview.bs#L78" target="_blank">https://github.com/w3c/csswg-drafts/blob/a54f8b2089d16eca696690fe7ffc3c11d4db9861/css-color/Overview.bs#L78</a></li>
	<li><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=788707" target="_blank">https://bugs.chromium.org/p/chromium/issues/detail?id=788707</a></li>
</ul>

<h3>3. C&aacute;ch để transition&nbsp;<code>height</code></h3>

Bạn c&oacute; thể sử dụng&nbsp;<code>transition</code>&nbsp;trong CSS3 để l&agrave;m hiệu ứng chuyển động mờ dần với&nbsp;<code>opacity</code>&nbsp;hay&nbsp;<code>transform</code>&nbsp;c&aacute;c kiểu với&nbsp;<code>scale</code>,&nbsp;<code>rotate</code>.. Nhưng kh&ocirc;ng phải tất cả c&aacute;c thuộc t&iacute;nh trong CSS đều c&oacute; thể &quot;ăn&quot; với transition được, điển h&igrave;nh trong đ&oacute; l&agrave; thuộc t&iacute;nh&nbsp;<code>height: auto</code>, m&agrave; bạn thường hay gặp n&oacute; trong kiểu hiệu ứng&nbsp;<code>collapse</code>.

<a href="https://codepen.io/tinhh/pen/abvpwNd" target="_blank">Link to demo on Codepen</a>

Bạn thấy đ&oacute;, cứ tưởng rằng thuộc t&iacute;nh&nbsp;<code>height</code>&nbsp;sẽ được&nbsp;<code>transition</code>&nbsp;từ&nbsp;<code>0</code>&nbsp;đến&nbsp;<code>auto</code>&nbsp;=&gt; Nhưng tr&igrave;nh duyệt kh&ocirc;ng hề hiểu được.

Thử thay v&igrave; sử dụng&nbsp;<code>auto</code>, chuyển sang sử dụng đơn vị&nbsp;<code>px</code>&nbsp;cố định thử xem (ở đ&acirc;y&nbsp;<code>:hover</code>&nbsp;v&agrave;o cho&nbsp;<code>height</code>&nbsp;của&nbsp;<code>ul</code>&nbsp;tăng l&ecirc;n&nbsp;<code>300px</code>).

<a href="https://codepen.io/tinhh/pen/eYpgRBY" target="_blank">Link to demo on Codepen</a>

Chạy được rồi, vậy l&agrave;&nbsp;<code>transition</code>&nbsp;n&oacute; kh&ocirc;ng hiểu&nbsp;<code>height: auto</code>&nbsp;l&agrave; g&igrave; cả? (Đại kh&aacute;i ở đ&acirc;y l&agrave; browser kh&ocirc;ng t&iacute;nh to&aacute;n ra được height l&agrave; bao nhi&ecirc;u, để m&agrave; đưa v&agrave;o thực hiện ph&eacute;p t&iacute;nh to&aacute;n transition kia)

Cơ m&agrave; set&nbsp;<code>height</code>&nbsp;bao nhi&ecirc;u l&agrave; đủ, với&nbsp;<code>300px</code>&nbsp;ở tr&ecirc;n th&igrave; list item đang bị thừa chiều cao của box ra qu&aacute; nhiều (v&ugrave;ng background m&agrave;u đỏ bị dư ra).

L&uacute;c n&agrave;y, m&igrave;nh mới t&igrave;m ra&nbsp;<code>max-height</code>.

<a href="https://codepen.io/tinhh/pen/yLYgXVd" target="_blank">Link to demo on Codepen</a>

Vẫn l&agrave;&nbsp;<code>300px</code>&nbsp;nhưng nếu l&agrave;&nbsp;<code>max-height</code>&nbsp;th&igrave; l&uacute;c n&agrave;y chiều cao của box vừa fit đủ với chừng đ&oacute; nội dung (lấy theo&nbsp;<code>height</code>).

Vậy giờ l&agrave; bạn chỉ cần set&nbsp;<code>max-height</code>&nbsp;lớn hơn&nbsp;<code>height</code>&nbsp;thực tế, th&igrave; c&oacute; thể&nbsp;<code>transition</code>&nbsp;được rồi đ&oacute;.

<blockquote>
Browser Support:&nbsp;TỐT

Cả 2 thuộc t&iacute;nh&nbsp;<code>transition</code>&nbsp;v&agrave;&nbsp;<code>max-height</code>&nbsp;đều đang được c&aacute;c browser phổ biến support rất tốt.

<a href="https://caniuse.com/#feat=minmaxwh" target="_blank">https://caniuse.com/#feat=minmaxwh</a>,&nbsp;<a href="https://caniuse.com/#feat=css-transitions" target="_blank">https://caniuse.com/#feat=css-transitions</a>
</blockquote>

<h4>Đọc hiểu th&ecirc;m</h4>

<ul>
	<li><a href="https://stackoverflow.com/a/8331169/4485780" target="_blank">https://stackoverflow.com/a/8331169/4485780</a></li>
	<li><a href="https://css-tricks.com/using-css-transitions-auto-dimensions/" target="_blank">https://css-tricks.com/using-css-transitions-auto-dimensions/</a></li>
</ul>

Nguồn: Viblo.asia

&nbsp;

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P1)

<h3>Mỗi khi sử dụng m&aacute;y t&iacute;nh, trẻ thường kh&oacute; kiểm so&aacute;t thời gian sử dụng dẫn đến việc ngồi qu&aacute; l&acirc;u trước m&agrave;n h&igrave;nh. Như vậy sẽ g&acirc;y ra nhiều ảnh hưởng xấu đến sức khỏe như mỏi mắt, đau đầu, mỏi cổ, ch&oacute;ng mặt.... Dưới đ&acirc;y l&agrave; 5 phần mềm nhắc nhở thời gian nghỉ khi sử dụng m&aacute;y t&iacute;nh, hữu &iacute;ch cho cả trẻ v&agrave; người lớn. </h3>

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/ung-dung-giup-ban-cai-nghien-mang-xa-hoi">Ứng dụng gi&uacute;p bạn cai nghiện mạng x&atilde; hội</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/bao-ve-mat-khi-dung-dien-thoai-may-tinh">Mẹo bảo vệ mắt khi d&ugrave;ng điện thoại, m&aacute;y t&iacute;nh</a>
</blockquote>

<h2>1. Eyeleo</h2>

Eyeleo l&agrave; phần mềm miễn ph&iacute; sẽ nhắc nhở bạn nghỉ ngơi sau một khoảng thời gian cố định được đ&atilde; thiết lập tr&ecirc;n phần mềm. Bạn sẽ được cung cấp 2 chế độ nghỉ ngơi: Ngắn (10s) v&agrave; D&agrave;i (2 &ndash; 7 ph&uacute;t t&ugrave;y theo thiết lập). Sau khi c&agrave;i đặt phần mềm sẽ hoạt động ở dưới khay hệ thống.&nbsp;

Tải phần mềm tại: http://eyeleo.com/

<img alt="5-phan-mem-nhac-nho-nghi-ngoi-eyeleo" src="https://upanh.vn-z.vn/images/2019/01/04/12cbe19478616d8ef.jpg" style="height:504px; width:600px" />

<h2>2. Workrave</h2>

Workrave l&agrave; một phần mềm m&atilde; nguồn mở miễn ph&iacute; gi&uacute;p nhắc nhở bạn nghỉ giải lao, nghỉ ngắn hoặc d&agrave;i v&agrave; giới hạn thời gian d&ugrave;ng m&aacute;y t&iacute;nh trong những khoảng thời gian định sẵn.

Tải phần mềm tại: http://www.workrave.org/download/

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/tong-hop-cac-cach-giup-bo-me-quan-ly-con-su-dung-thiet-bi-cong-nghe-an-toan-va-hieu-qua">Tổng hợp c&aacute;ch quản l&yacute; con sử dụng thiết bị c&ocirc;ng nghệ an to&agrave;n v&agrave; hiệu quả</a>
</blockquote>

<h2><img alt="5-phan-mem-nhac-nho-nghi-ngoi-Workrave" src="https://upanh.vn-z.vn/images/2019/01/04/24bd9729c7486d960.png" style="height:600px; width:800px" /></h2>

<h2>3. EVO</h2>

EVO kh&aacute;c biệt với c&aacute;c ứng dụng tr&ecirc;n ở chỗ n&oacute; l&agrave; ứng dụng nền web n&ecirc;n c&oacute; thể d&ugrave;ng được tr&ecirc;n rất nhiều hệ điều h&agrave;nh kh&aacute;c nhau. Nhiệm vụ ch&iacute;nh của EVO l&agrave; nhắc nhở bạn trong việc bảo vệ đ&ocirc;i mắt khỏi bị mỏi.

Tải phần mềm tại: http://www.protectyourvision.org/

<img alt="5-phan-mem-nhac-nho-nghi-ngoi-evo" src="https://upanh.vn-z.vn/images/2019/01/04/3.png" style="height:464px; width:895px" />

<h2>4. Big Stretch Reminder</h2>

Được ph&aacute;t triển ri&ecirc;ng cho Windows, Big Stretch Reminder l&agrave; ứng dụng sẽ chạy ngầm tr&ecirc;n m&aacute;y t&iacute;nh v&agrave; chỉ xuất hiện để nhắc nhở bạn khi đến thời gian hẹn trước. Bạn c&oacute; thể chỉnh lại tần suất giữa c&aacute;c lần nghỉ giải lao theo thời gian ph&ugrave; hơp với nhu cầu sử dụng của m&igrave;nh.

Tải phần mềm tại: http://monkeymatt.com/bigstretch/

<img alt="5-phan-mem-nhac-nho-nghi-ngoi-Big-stretch-reminder" src="https://upanh.vn-z.vn/images/2019/01/04/4.png" style="height:600px; width:1024px" />

<h2>5. PC Work Break</h2>

PC Work Break l&agrave; phần mềm miễn ph&iacute; c&oacute; kh&aacute; nhiều t&aacute;c dụng nhắc nhở kh&aacute;c nhau như nhắc bạn nghỉ giải lao v&agrave; thậm ch&iacute; n&oacute; c&ograve;n đưa ra c&aacute;c b&agrave;i tập đi bộ để gi&uacute;p bạn tập luyện v&agrave; thư gi&atilde;n.

Tải phần mềm tại: <a href="https://www.trisunsoft.com/pc-work-break/">https://www.trisunsoft.com/pc-work-break/</a>

<img alt="5-phan-mem-nhac-nho-nghi-ngoi-PC-Work-Break" src="https://upanh.vn-z.vn/images/2019/01/04/5.png" style="height:662px; width:693px" />

Tham khảo: Vn-z.vn

5 phần mềm nhắc nhở nghỉ ngơi khi sử dụng máy tính

Nghỉ h&egrave; năm nay thật kh&aacute;c so với c&aacute;c năm trước khi c&aacute;c gia đ&igrave;nh hạn chế di chuyển do t&igrave;nh h&igrave;nh dịch bệnh phức tạp. V&igrave; vậy việc trẻ ở nh&agrave; l&acirc;u sẽ ch&aacute;n, dễ sa đ&agrave; v&agrave;o chơi game, xem youtube cả ng&agrave;y ảnh hưởng đến sức khỏe, thậm ch&iacute; nếu kh&ocirc;ng kiểm so&aacute;t kịp thời, rất dễ dẫn đến việc trẻ nghiện game. Bố mẹ h&atilde;y tham khảo một số c&aacute;ch hạn chế việc trẻ chơi game dưới đ&acirc;y nh&eacute;:

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/cac-hoat-dong-mua-he-thu-vi-cho-tre">Gợi &yacute; c&aacute;c hoạt đ&ocirc;ng m&ugrave;a h&egrave; th&uacute; vị cho trẻ</a>
</blockquote>

<h2>1. D&ugrave;ng c&aacute;c phần mềm quản l&yacute; m&aacute;y t&iacute;nh/điện thoại</h2>

C&aacute;c ứng dụng kiểm so&aacute;t trẻ tr&ecirc;n điện thoại, m&aacute;y t&iacute;nh sẽ gi&uacute;p bố mẹ theo d&otilde;i hoạt động cũng như đặt ra những giới hạn để ngăn trẻ tiếp x&uacute;c với những trang web v&agrave; ứng dụng độc hại v&agrave; tr&aacute;nh việc trẻ sử dụng c&aacute;c thiết bị c&ocirc;ng nghệ qu&aacute; nhiều.

Một số phần mềm bố mẹ c&oacute; thể tham khảo như: <a href="https://mindx.edu.vn/blog/post/bao-ve-su-an-toan-cua-tre-khi-su-dung-may-tinh-bang-Parental-Control-tren-Windows-10">Parental Control</a>, <a href="https://mindx.edu.vn/blog/post/bao-ve-dien-thoai-may-tinh-bang-cua-con-bang-Google-Family-Link">Norton Family</a>, Kaspersky Safe Kids, Qustodio, <a href="https://mindx.edu.vn/blog/post/han-che-quyen-su-dung-iPad-cho-tre-em">Screen Time</a>...

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/meo-chan-tre-em-xem-web-den-noi-dung-nguoi-lon-hieu-qua-nhat">Mẹo chặn trẻ xem web đen, nội dung người lớn hiệu quả nhất.</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/gioi-han-thoi-gian-su-dung-mang-xa-hoi-cua-con-bang-Stay-Focusd-tren-Chrome">Giới hạn thời gian sử dụng mạng x&atilde; hội của con bằng Stay Focusd tr&ecirc;n Chrome</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/kiem-soat-noi-dung-con-dung-internet-tren-smart-tivi">Kiểm so&aacute;t nội dung con d&ugrave;ng internet tr&ecirc;n Smart TV</a>

&gt;&gt;&gt; <a href="https://mindx.edu.vn/blog/post/dung-ngan-cam-hay-huong-dan-con-su-dung-mang-xa-hoi-dung-cach">Đừng ngăn cấm, h&atilde;y dạy con sử dụng mạng x&atilde; hội đ&uacute;ng c&aacute;ch</a>
</blockquote>

<h2>2. Thử những tr&ograve; chơi mới</h2>

C&aacute;ch tốt nhất để trẻ tr&aacute;nh việc chơi game qu&aacute; nhiều l&agrave; cho trẻ chơi c&aacute;c tr&ograve; chơi kh&ocirc;ng cần d&ugrave;ng m&aacute;y t&iacute;nh, điện thoại. Bố mẹ c&oacute; thể t&igrave;m hiểu một số tr&ograve; chơi học to&aacute;n, học <a href="https://mindx.edu.vn/blog/post/lap-trinh-khong-can-may-tinh">lập tr&igrave;nh kh&ocirc;ng cần m&aacute;y t&iacute;nh</a>... vừa để con giải tr&iacute;, vừa gi&uacute;p con học th&ecirc;m kiến thức mới v&agrave; r&egrave;n luyện tư duy to&aacute;n học, lập tr&igrave;nh, logic...&nbsp;&nbsp;

<h2>3. Đọc s&aacute;ch</h2>

Những cuốn s&aacute;ch nhiều m&agrave;u sắc với đa dạng chủ đề sẽ thu h&uacute;t sự ch&uacute; &yacute; v&agrave; y&ecirc;u th&iacute;ch của trẻ. Bố mẹ h&atilde;y c&ugrave;ng con đặt ra một khoảng thời gian cố định để cả nh&agrave; c&ugrave;ng nhau đọc s&aacute;ch v&agrave; thảo luận, n&ecirc;u cảm nghĩ về những cuốn s&aacute;ch m&igrave;nh vừa đọc. Điều n&agrave;y gi&uacute;p trẻ tiếp thu th&ecirc;m nhiều kiến thức mới, tăng khả năng cảm thụ văn học v&agrave; mạnh dạn b&agrave;y tỏ &yacute; kiến của bản th&acirc;n, đồng thời gi&uacute;p t&igrave;nh cảm gia đ&igrave;nh trở n&ecirc;n gắn kết hơn.

<h2>4. Trang bị kỹ năng cần thiết cho tương lai</h2>

Nghỉ h&egrave; kh&ocirc;ng n&ecirc;n bắt trẻ học qu&aacute; nhiều, tuy nhi&ecirc;n bố mẹ c&oacute; thể cho trẻ học c&aacute;c lớp kỹ năng sống, <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-cho-tre-em">lập tr&igrave;nh</a>... để khơi gợi sự hứng khởi của trẻ khi được học kiến thức mới v&agrave; trang bị những kỹ năng quan trọng trong tương lai.

Bố mẹ tham gia nh&oacute;m để c&ugrave;ng thảo luận, xem&nbsp;những&nbsp;b&iacute; k&iacute;p dạy con sử dụng c&ocirc;ng nghệ hiệu quả&nbsp;v&agrave; t&agrave;i liệu học tập cho con&nbsp;<a href="https://bit.ly/39L0lyE">TẠI Đ&Acirc;Y</a>&nbsp;nh&eacute;!

Làm gì để trẻ tránh nghiện game khi nghỉ hè?

<h3>&quot;C&oacute; tuổi&quot; bất lợi đ&atilde; đ&agrave;nh, lại th&ecirc;m bọn trẻ b&acirc;y giờ được đầu tư học h&agrave;nh từ sớm, mới t&iacute; tuổi đ&atilde; code ầm ầm, nh&igrave;n lại m&igrave;nh sao kh&ocirc;ng nản cho được. Nhưng đ&atilde; y&ecirc;u <a href="https://mindx.edu.vn/course/code-for-everyone-javascript">lập tr&igrave;nh</a> rồi th&igrave; chịu kh&oacute; chịu khổ cũng c&oacute; sao, học h&agrave;nh th&igrave; kh&ocirc;ng bao giờ l&agrave; muộn, c&ograve;n tuổi t&aacute;c cũng chỉ l&agrave; một con số. Coi như đ&acirc;y l&agrave; một thử th&aacute;ch trong đời, cũng l&agrave; một lần m&igrave;nh đặt cược với ch&iacute;nh m&igrave;nh. </h3>

Ở c&aacute;i tuổi gần 30, khi người&nbsp;ta đ&atilde; c&oacute; trong tay sự nghiệp, địa vị, bắt đầu t&iacute;nh đến chuyện gia đ&igrave;nh, con c&aacute;i th&igrave; c&oacute; những bạn vẫn đang loay hoay với con đường sự nghiệp của m&igrave;nh. Rồi lại tự hỏi m&igrave;nh thật sự muốn l&agrave;m g&igrave;, chuyển ng&agrave;nh b&acirc;y giờ c&oacute; phải qu&aacute; muộn rồi kh&ocirc;ng? M&igrave;nh c&oacute; qu&aacute; gi&agrave; để học? hay cứ an phận l&agrave;m tiếp c&ocirc;ng việc hiện tại...

Nhất l&agrave; với ng&agrave;nh <a href="https://mindx.edu.vn/blog/post/hoc-lap-trinh-cho-nguoi-chua-biet-gi">lập tr&igrave;nh</a>, muốn theo n&oacute; đ&acirc;u c&oacute; dễ, hồi đầu mới nh&igrave;n c&aacute;i m&agrave;n h&igrave;nh code cả trăm d&ograve;ng ai chả ph&aacute;t hoảng l&ecirc;n v&igrave; chả hiểu g&igrave;, kh&oacute; khăn cũng nhiều lắm chứ.

<blockquote>
&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/hoc-lap-trinh-cho-nguoi-chua-biet-gi">Lộ tr&igrave;nh học lập tr&igrave;nh cho người chưa biết g&igrave; đảm bảo th&agrave;nh c&ocirc;ng!</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/loi-khuyen-cua-nha-van-cho-lap-trinh-vien">Lời khuy&ecirc;n của nh&agrave; văn cho lập tr&igrave;nh vi&ecirc;n</a>

&gt;&gt;&gt;&nbsp;<a href="https://mindx.edu.vn/blog/post/lap-trinh-vien-Front-end-la-newbie-nen-bo-tui-nhung-gi">Lập tr&igrave;nh vi&ecirc;n Front end l&agrave; newbie n&ecirc;n bỏ t&uacute;i những g&igrave;?</a>
</blockquote>

&quot;C&oacute; tuổi&quot; bất lợi đ&atilde; đ&agrave;nh, lại th&ecirc;m bọn trẻ b&acirc;y giờ được đầu tư học h&agrave;nh từ sớm, mới t&iacute; tuổi đ&atilde; code ầm ầm, nh&igrave;n lại m&igrave;nh sao kh&ocirc;ng nản cho được. Nhưng đ&atilde; y&ecirc;u lập tr&igrave;nh rồi th&igrave; chịu kh&oacute; chịu khổ cũng c&oacute; sao, học h&agrave;nh th&igrave; kh&ocirc;ng bao giờ l&agrave; muộn, c&ograve;n tuổi t&aacute;c cũng chỉ l&agrave; một con số. Coi như đ&acirc;y l&agrave; một thử th&aacute;ch trong đời, cũng l&agrave; một lần m&igrave;nh đặt cược với ch&iacute;nh m&igrave;nh.

<img alt="" src="https://www.sciencemag.org/sites/default/files/styles/article_main_large/public/careercounselors_16x9.jpg?itok=89g5qSEQ" style="height:405px; width:720px" />

Sẽ c&oacute; l&uacute;c bạn cảm thấy ch&aacute;n nản, thất vọng khi kết quả kh&ocirc;ng như &yacute;, cũng chẳng sao, h&atilde;y thử th&ecirc;m nhiều c&aacute;ch kh&aacute;c, h&atilde;y cứ tiếp tục những g&igrave; m&igrave;nh đang l&agrave;m v&agrave; lu&ocirc;n tin v&agrave;o ch&iacute;nh m&igrave;nh. H&atilde;y nghĩ đến l&uacute;c bạn c&oacute; thể biến đam m&ecirc; lập tr&igrave;nh của m&igrave;nh trở th&agrave;nh hiện thực, bởi v&igrave; c&aacute;i cảm gi&aacute;c nhận được khi bạn đ&atilde; x&acirc;y dựng ra một c&aacute;i g&igrave; đ&oacute; m&agrave; c&oacute; h&agrave;ng chục ng&agrave;n người y&ecirc;u mến l&agrave; kh&ocirc;ng g&igrave; c&oacute; thể diễn tả nổi. Nếu bạn học code trễ hơn người kh&aacute;c, th&igrave; điều đ&oacute; cũng rất b&igrave;nh thường. Bạn sẽ sớm th&agrave;nh c&ocirc;ng th&ocirc;i!

Nếu bạn đang loay hoay chưa biết bắt đầu sự nghiệp lập tr&igrave;nh từ đ&acirc;u th&igrave; <a href="https://bit.ly/34yXDx0">đến MindX</a> ngay nh&eacute;!

#ngaigiaotiep

5 cách giúp cải thiện tư duy logic trong lập trình của bạn!

TÀI LIỆU NỔI BẬT

10 TIỆN ÍCH MỞ RỘNG VSCODE DÀNH CHO JAVASCRIPT DEVELOPERS NĂM 2020 (P1)

Khi cha mẹ nghiện điện thoại nhưng lại cấm con sử dụng

4 phần mềm luyện đánh 10 ngón tốt nhất hiện nay

GIỚI HẠN THỜI GIAN TRẺ CHƠI GAME TRÊN IPHONE/IPAD

Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái

Ước gì có người nói với tôi những điều này khi mới học lập trình

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)

"Cha mẹ cắt cỏ", bạn có phải là một trong số họ?

Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P2)

Xin đừng làm "cha mẹ trực thăng"

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P1)

5 phần mềm nhắc nhở nghỉ ngơi khi sử dụng máy tính

Làm gì để trẻ tránh nghiện game khi nghỉ hè?

Liệu có quá muộn để trở thành lập trình viên?

10 TIỆN ÍCH MỞ RỘNG VSCODE DÀNH CHO JAVASCRIPT DEVELOPERS NĂM 2020 (P1)

Khi cha mẹ nghiện điện thoại nhưng lại cấm con sử dụng

4 phần mềm luyện đánh 10 ngón tốt nhất hiện nay

GIỚI HẠN THỜI GIAN TRẺ CHƠI GAME TRÊN IPHONE/IPAD

Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái

Ước gì có người nói với tôi những điều này khi mới học lập trình

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)

"Cha mẹ cắt cỏ", bạn có phải là một trong số họ?

Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P2)

Xin đừng làm "cha mẹ trực thăng"

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P1)

5 phần mềm nhắc nhở nghỉ ngơi khi sử dụng máy tính

Làm gì để trẻ tránh nghiện game khi nghỉ hè?

Liệu có quá muộn để trở thành lập trình viên?

KÊNH YOUTUBE CỦA MINDX

Hotline

#ngaigiaotiep

5 cách giúp cải thiện tư duy logic trong lập trình của bạn!

TÀI LIỆU NỔI BẬT

10 TIỆN ÍCH MỞ RỘNG VSCODE DÀNH CHO JAVASCRIPT DEVELOPERS NĂM 2020 (P1)

Khi cha mẹ nghiện điện thoại nhưng lại cấm con sử dụng

4 phần mềm luyện đánh 10 ngón tốt nhất hiện nay

GIỚI HẠN THỜI GIAN TRẺ CHƠI GAME TRÊN IPHONE/IPAD

Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái

Ước gì có người nói với tôi những điều này khi mới học lập trình

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)

"Cha mẹ cắt cỏ", bạn có phải là một trong số họ?

Cảm thấy sai lầm vì cấm con dùng điện thoại, xem iPad từ nhỏ và đây là cách mẹ Việt sửa sai đầy thuyết phục

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P2)

Xin đừng làm "cha mẹ trực thăng"

Một vài thủ thuật CSS mà chính Front end có thể còn chưa biết (P1)

5 phần mềm nhắc nhở nghỉ ngơi khi sử dụng máy tính

Làm gì để trẻ tránh nghiện game khi nghỉ hè?

Liệu có quá muộn để trở thành lập trình viên?

10 TIỆN ÍCH MỞ RỘNG VSCODE DÀNH CHO JAVASCRIPT DEVELOPERS NĂM 2020 (P1)

Khi cha mẹ nghiện điện thoại nhưng lại cấm con sử dụng

4 phần mềm luyện đánh 10 ngón tốt nhất hiện nay

GIỚI HẠN THỜI GIAN TRẺ CHƠI GAME TRÊN IPHONE/IPAD

Báo cáo thị trường IT 2020: Ngành IT khôi phục trạng thái

KÊNH YOUTUBE CỦA MINDX

CÁC CHUYÊN MỤC