Danh mục: Javascript

  • Javascript làm được gì?

    Javascript làm được gì?

    Lời nói đầu Trước khi đọc bài viết, mình xin khẳng định một điều: Javascript là ngôn ngữ lập trình full stack duy nhất cho đến thời điểm hiện nay, Javascript làm được nhiều thứ hơn bạn tưởng từ web client đến server, từ desktop đến mobile ….và vì có lẽ cũng không ai rãnh…

  • Hướng dẫn cấu trúc thư mục và cách viết component chuẩn trong React

    Hướng dẫn cấu trúc thư mục và cách viết component chuẩn trong React

    Sau một thời gian tìm hiểu và áp dụng rất hiệu quả, hôm nay mình chia sẻ với các bạn cấu trúc thư mục và cách viết component chuẩn trong React. Mục tiêu là làm sao cho dự án dễ quản lý, cũng như dễ hiểu để cộng tác làm việc với nhau, cũng như tăng…

  • Hướng dẫn React Native – Phần 2: Xây dựng ứng dụng đọc tin Smartnews

    Hướng dẫn React Native – Phần 2: Xây dựng ứng dụng đọc tin Smartnews

    Ở phần 1, mình đã hướng dẫn cách để bắt đầu dự án React Native: cách cài đặt và thử nghiệm. Phần 2 sẽ bắt đầu hướng dẫn lập trình ứng dụng di động đọc tin giống Smartnews bằng React Native. Cái nhìn đầu tiên Cho dù bạn là lập trình viên di động hay lập trình viên…

  • Sử dụng context để giao tiếp giữa component cha – con trong ReactJs

    Sử dụng context để giao tiếp giữa component cha – con trong ReactJs

    Đây là loạt bài viết nâng cao, có sử dụng nhiều khái niệm, từ ngữ trong hệ sinh thái React: ReactJs, Flux/Redux, Relay, GraphQL, Meteor. Trong blog FullstackStation đều có các bài viết giới thiệu, bạn cần nắm qua trước khi theo loạt bài này nhé! Phần 1: Bài toán Nếu bạn chưa sử dụng Flux…

  • Vòng đời của Component trong ReactJs với ES6

    Vòng đời của Component trong ReactJs với ES6

    Có thể nói, khái niệm component trong React là một trong những thành phần quan trọng nhất của React. Do vậy, việc hiểu rõ vòng đời của component sẽ giúp cho bạn hiểu rõ hơn về React. Chú ý: Cập nhật React phiên bản 16.9 Từ 8/8/2019, phiên bản 16.9 ra đời đánh dấu sự…

  • Hướng dẫn thiết lập môi trường cho Meteor + React + Webpack

    Hướng dẫn thiết lập môi trường cho Meteor + React + Webpack

    Cập nhật: do meteor-webpack không còn được duy trì phát triển, nên meteor-webpack không tương thích với Meteor đã cập nhật lên phiên bản 1.4 (chỉ tương thích 1.2 và 1.3) Giới thiệu Trước khi bắt đầu xây dựng web app realtime với Meteor, React, Webpack chúng ta sẽ lần lượt lướt qua các công nghệ…

  • Hướng dẫn React Native – Phần 1: Cài đặt môi trường

    Hướng dẫn React Native – Phần 1: Cài đặt môi trường

    Mình đã có bài viết về React Native có thể là tương lai của ứng dụng di động, bài viết này mình sẽ hướng dẫn cơ bản để bắt đầu xây dựng ứng dụng di động bằng React Native một cách rất đơn giản! Yêu cầu Mac OS X: để biên dịch iOS, nếu bạn…

  • Điều gì khiến Meteor Js 1.3 trở nên đặc biệt?

    Điều gì khiến Meteor Js 1.3 trở nên đặc biệt?

    Meteor Js là gì? Meteor Js là nền tảng phát triển ứng dụng web thời gian thực fullstack, được viết cho cả client và server chỉ bằng ngôn ngữ Javascript. Được ra mắt từ năm 2012 và hiện tại đã đạt 33k stars trên Github, quá đỉnh đó chứ! Giá mà… Mình viết bài viết…

  • GraphQL là gì – Áp dụng như thế nào?

    GraphQL là gì – Áp dụng như thế nào?

    GraphQL là gì? GraphQL là Graph Query Language do Facebook tạo ra từ năm 2012 cung cấp giao thức chung cho phép giao tiếp giữa client và server để cập nhật và lấy dữ liệu. Client truy vấn đến máy chủ GraphQL bằng các truy vấn với đặc điểm: format của dữ liệu trả về…

  • Hướng dẫn học React Js

    Hướng dẫn học React Js

    Hướng dẫn học React Js sao cho hiệu quả! Nếu bạn mới làm quen với React (hoặc phần front-end nói chung) thì bạn sẽ thấy hệ sinh thái tương đối khó hiểu, đó là lý do vì sao có bài viết hướng dẫn học reactjs sao cho hiệu quả này, bài viết này được lấy…

  • React Native là tương lai của ứng dụng di động?

    React Native là tương lai của ứng dụng di động?

    React Native là gì? React Native là framework xây dựng ứng dụng di động native sử dụng Javascript do Facebook phát hành. Sử dụng React Native để xây dựng ứng dụng iOS và AndroidAndroid chỉ cần 1 ngôn ngữ javascript duy nhất. Để hiểu rõ về React Native là gì, chúng ta cần phân biệt…

  • Hướng dẫn kết nối MongoDB cho ứng dụng NodeJs/ExpressJs

    Hướng dẫn kết nối MongoDB cho ứng dụng NodeJs/ExpressJs

    Nếu bạn bắt đầu dự án với react-starter-kit [isomorphic web app] thì có thể bạn sẽ cần cách kết nối vào cơ sở dữ liệu MongoDb api/users.js import { Router } from ‘express’; import { ObjectID } from ‘mongodb’; const router = new Router(); router.get(‘/:id’, async (req, res, next) => { try { const db…

  • Hướng dẫn cài đặt V8JS cho PHP trên Centos 7

    Hướng dẫn cài đặt V8JS cho PHP trên Centos 7

    Giới thiệu Từ khi Google giới thiệu V8 Engine, không ngoa khi nói rằng đó là nền tảng cho Javascript thăng hoa, vài dự án nổi tiếng phát triển dựa trên V8 là Google Chrome, Node Js, Mongo Db. Trong đó, với Google Chrome, giờ đã chiếm thị phần quá nửa trên thị phần trình duyệt,…

  • React Js là gì?

    React Js là gì?

    React Js là gì? React Js là một thư viện viết bằng javascript, dùng để xây dựng giao diện người dùng (UI). React được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú. UI tất nhiên là quan trọng, nhưng không phải là tất cả. Để phát triển ứng dụng hoàn…

  • ES6 (ES2015) là gì? Và tìm hiểu những tính năng mới.

    ES6 (ES2015) là gì? Và tìm hiểu những tính năng mới.

    ES6 là gì? ECMAScript 6/ES6 là phiên bản mới nhất của bộ tiêu chuẩn ECMAScript – một bộ đặc tả tiêu chuẩn dành cho Javascript do Hiệp hội các nhà sản xuất máy tính Châu Âu (European Computer Manufacturers Association – ECMA) đề xuất. Phiên bảnECMAScript phổ biến ở thời điểm hiện tại (đầu 2015),…