Cài đặt môi trường chạy ReactJS - ự học ReactJS căn bản đến nâng ca
Trong bài viết này chúng ta sẽ đi tìm hiểu về cách cài đặt môi trường chạy ReactJS, đối với những bạn mới bắt đầu làm quen với ReactJS thì đây là bước đầu tiên để khởi chạy một project hello world. Các bước cài đặt không quá phức tạp bạn chỉ cần thực hiện theo từng bước bên dưới là có thể cài đặt ...
ReactJS là gì? Các khái niệm cần biết trước khi học React JS - ự học ReactJS căn bản đến nâng ca
Trong bài viết này chúng mình sẽ cùng nhau đi tìm hiểu về ReactJS là gì và các khái niệm cơ bản để bắt đầu làm quen với nó. Đây là bài viết đầu tiên trong loạt bài về ReactJS, vì vậy bài viết chỉ tập trung vào giới thiệu và giải thích các khái niệm liên quan. 1. ReactJS là gì ? ReactJS là một ...
VueJS 2: Conditional Rendering (v-if và v-show) - VueJS 2x căn bản
Trong bài này chúng ta sẽ tìm hiểu một số directive có nhiệm vụ xử lý render theo điều kiện đó là v-if và v-show. Chắc hẳn bạn đã biết lệnh if else trong Javascript rồi phải không nào? Condition Rendering sẽ sử dụng nguyên tắc đúng thì render và sai thì không render như lệnh if else vậy. Đầu ...
VueJS 2: Binding Class và Binding Style - VueJS 2x căn bản
Trong bài này chúng ta sẽ tìm hiểu cơ chế ràng buộc dữ liệu (binding data) hay còn gọi là bind. Nó là một directive thể hiện sự ràng buộc giữa các thuộc tính của thẻ HTML như class, style và dữ liệu data trong Vue. Khi lập trình ứng dụng web kết hợp với Javascript thì chúng ta rất hay sử dụng tới ...
VueJS 2: Tìm hiểu Watchers - VueJS 2x căn bản
Trong bài này chúng ta sẽ tìm hiểu về Vue Watcher, đây là cách để bạn can thiệp vào những thay đổi của dữ liệu trong Vue. Ví dụ khi bạn xây dựng ứng dụng quản lý sinh viên và tại chứ năng sửa sinh viên bạn muốn mỗi khi tên của sinh viên bị thay đổi thì sẽ thực hiện gọi ngầm một tác vụ hiển thị ...
VueJS2: Computed Properties - VueJS 2x căn bản
Computed Properties dịch sang tiếng Việt rất khó hiểu nên mình sẽ dùng từ này như là một thuật ngữ trong VueJS luôn nhé. Tuy nhiên bạn có thể hiểu nôm na rằng Computed Properties là những hàm (methods) sử dụng để xử lý dữ liệu hiển thị lên template, kết quả của nó sẽ được lưu trữ (Cache) và chỉ ...
VueJS 2: Tìm hiểu Methods - VueJS 2x căn bản
Methods không còn xa lạ với nhưng bạn đã từng tìm hiểu qua lập trình hướng đối tượng phải không nào, nó là những hàm đặc biệt thể hiện cho những hành động của một đối tượng. Vậy trong VueJS cách trình bày methods như thế nào để đúng chuẩn thì trong bài này chúng ta cùng tìm hiểu ...
VueJS 2: Template Syntax - VueJS 2x căn bản
Bất kì framework nào cũng đưa ra một thư viện xử lý template riêng và Vue cũng vậy, nó có những cú pháp giúp việc render dữ liệu trở nên đơn giản và trơn tru hơn. Giống như những thư viện Javascript khác, việc xử lý template chủ yếu dựa vào directive (thuộc tính của thẻ HTML) với tiền tố đặc ...
VueJS 2: Tìm hiểu Vue Instance - VueJS 2x căn bản
Instance trong lập trình chính là thể hiện của một lớp. Ví dụ nếu bạn khai báo một lớp Xe và khi bạn tạo một đối tượng xe thì đối tượng đó chính là một thể hiện của lớp xe. Instance class A{ } var a = new A(); // Một instance var b = new A(); ...
VueJS 2: Cài đặt VueJS và viết chương trình Hello World - VueJS 2x căn bản
Trong bài này mình sẽ cùng các bạn tìm hiểu cách cài đặt và viết chương trình Hello World đầu tiên với VueJS. Thực ra thì việc cài đặt VueJS khá đơn giản nhưng do nó được viết từ phiên bản ES5 trở lên nên sẽ có một số lưu ý và điều kiện để cân nhắc trước khi quyết định sử dụng nó vào dự án của các ...
VueJS là gì? - VueJS 2x căn bản
Hôm nay chúng ta lại tiếp tục tìm hiểu một thư viện Javascript mới, hay nói đúng hơn là một Javascript Framework mới đó là VueJS. Ngay khi vừa ra đời VueJS đã được bổ sung vào danh sách các JS Framework đáng học, điều này khiến cho các lập trình viên càng có nhiều sự lựa chọn, hay nói đúng hơn là ...
Download Bootstrap 4 và nhúng Bootstrap 4 vào website - witter Bootstrap 4
Chào các bạn, hôm nay chúng ta tiếp tục tìm hiểu về cách nhúng bootstrap 4 vào website. Ở bài này mình sẽ chỉ đề cập đến 2 cách nhúng cơ bản nhất đó là dùng CDN(Content delivery networks) và download trực tiếp source code trên trang chủ về. 1: Chuẩn bị Trước tiên bạn cần chuẩn bị một ...
Bootstrap4 là gì? - witter Bootstrap 4
Chào các bạn, nếu các bạn đang tìm hiểu về Bootstrap 4 thì các bạn đã tìm đúng nguồn rồi đấy... ahihi Đây là chuỗi series đầu tiên của mình với Bootstrap 4, mong các bạn sẽ ủng hộ mình và kiên nhẫn theo dõi series này. 1. Bootstrap - Bootstrap 4 ...
witter Bootstrap la gi? Tìm hiểu Bootstrap CSS - witter Bootstrap 3
Hiện nay PHP có rất nhiều Framework và CMS hỗ trợ giúp cho công việc lập trình trở nên đơn giản và thống nhất với nhau. Nhưng bạn có nghĩ trong CSS cũng có những Framework như vậy hay không? Nếu bạn nghĩ không có thì bài này sẽ giúp bạn mở rộng tầm mắt đấy. 1. Twitter Bootstrap là ...
Bài 21: Xây dựng layout blog cơ bản với bootstrap 3 - witter Bootstrap 3
Sau khi kết thúc series bootstrap 3 lý thuyết thì ở bài này tôi sẽ hướng dẫn các bạn xây dựng layout blog cơ bản, với những kiến thức đã được học qua thì tôi tin rằng layout blog này sẽ chẳng làm khó được các bạn một chút nào cả. Trong bài không giải thích ý nghĩa các class nữa nên nếu chưa ...
Bài 20: Jumbotron, well, progress bar trong bootstrap 3 - witter Bootstrap 3
Đây là bài lý thuyết cuối cùng trong series bootstrap 3, ở các bài tiếp theo chúng ta sẽ thực hành và tạo ra những mẫu layout với những kiến thức đã được học ở loạt bài lý thuyết. Như vậy giống như tiêu đề của bài thì bài viết ngày hôm nay chúng ta sẽ cùng tìm hiểu Jumbotron, well, progress bar ...
Bài 19: Helper classes trong bootstrap 3 - witter Bootstrap 3
Trong bài viết này thì chúng ta sẽ tìm hiểu về các helper classes hỗ trợ của bootstrap 3, đây là các class sẽ giúp các bạn trong việc tạo ra các thành phần con để hỗ trợ các components, bài viết này sẽ có liên quan một tí tới bài Định dạng Typography bootstrap 3, 1. Helper ...
Bài 18: Tạo Tabs trong bootstrap 3 - witter Bootstrap 3
Bài viết này cũng có một mối liên quan mật thiết với component navs vì tabs cũng là dạng danh sách nằm ngang được phân làm từng khối riêng biệt. Như vậy serie về bootstrap 3 cũng đã đi được một chặng đường dài và cũng sắp kết thúc,theo plan mà tôi đề ra thì còn khoảng 2 bài nửa là chúng ta ...
Bài 17: Dropdown menu trong bootstrap 3 - witter Bootstrap 3
Thuật ngữ dropdown menu đã trở nên quá quen thuộc trong mỗi người của chúng ta, và với bootstrap nó cũng được hỗ trợ một cách tốt nhất để người dùng dễ dàng tạo ra các dạng menu xổ xuống một cách nhanh chóng và dễ dàng. Như vậy sau khi kết thúc bài Navigation và thuộc tính hỗ trợ trong ...
Bài 16: Navigation và thuộc tính hỗ trợ trong bootstrap 3 - witter Bootstrap 3
Như vậy sau khi kết thúc bài trước thì xem như chúng ta đã tìm hiểu sơ lược về navigation trong bootstrap 3 và trong bài hôm nay thì chúng ta sẽ cùng tìm hiểu cách khai báo các thuộc tính hỗ trợ để giúp chúng ta tạo được những menu theo đúng ý đồ của mình. Lưu ý: Do phần demo đang ...
