Nhật ký học tập

Mở bài Là dân lập trình, chắc hẳn các bạn cũng từng ít nhất một lần nghe đến Law of Demeter (LoD) , tạm dịch là Nguyên tắc Demeter , còn được gọi là nguyên tắc Một dấu chấm . Thân bài Law of Demeter là gì? Trong thần thoại Hy Lạp, Demeter là vị nữ thần của nông nghiệp, mùa màng và thiên nhiên. Tuy nhiên nữ thần Demeter không định ra và cũng không liên quan lắm đến nguyên tắc Demeter mà chúng ta đang nói ở đây cả. Chuyện xưa kể rằng vào mùa thu năm 1987, tại Đại học Northeastern Mỹ, trong một cuộc thảo luận của dự án Demeter (một dự án nhằm giúp việc phát triển phần mềm trở nên dễ dàng hơn), nguyên tắc Demeter lần đầu tiên đã được đề ra, nhằm mục đích tối thiểu hóa sự phụ thuộc lẫn nhau (loose coupling) của các thành phần trong ứng dụng. Cái tên Law of Demeter được sinh ra từ đó. Cơ bản thì Law of Demeter chỉ có một nguyên tắc. Only talk to your immediate friends, tạm dịch là "Chỉ chơi với những người thân bằng quyến thuộc." hoặc Don't ...

Trong bài viết này, mình sẽ hướng dẫn các bạn cách sử dụng cơ bản công cụ Gulp trong môi trường command line và trong Visual Studio. Mình tình cơ biết Gulp khi xem framework Simplcommerce Gulp là gì? Gulp là một công cụ giúp bạn tự động hóa nhiều task (nhiệm vụ) trong quá trình phát triển web. Có rất nhiều tác vụ khi build 1 website: Minify js, css, copy file, xóa file,… Cài đặt Gulp Đầu tiên bạn cài đặt NodeJs. Sau đó mở cmd lên, và sử dụng lệnh sau: npm install gulp –g Các thành phần chính của Gulp Để chạy được gulp cần một file gulpfile.js trong đó có chứa các thành phần chính là: gulp.task, gulp.src, gulp.dest, gulp.watch. Định nghĩa 1 task gulp.task('task-name', function() { // Stuff here }); Các hàm trong Gulp là các hàm async, vì vậy bạn cần viết thêm 1 phương thức để lắng nghe sự kiện kết thúc. Bạn có thể tham khảo thêm tại: https://gulpjs.com/docs/en/getting-started/async-completion Có 2 cách đơn giản nhất: Trả về 1 stream const { src, dest } = req...

Bạn muốn tìm 1 editor miễn phí, để có thể viết code html, js, css nhanh chóng, vừa có thể debug và chạy trực tiếp. Có rất nhiều tool editor miễn phí lần tính phí, nhưng theo cá nhân mình, mình thấy tool Visual Studio Code là công cụ nhẹ nhàng, mạnh mẽ, và có rất nhiều extension (tiện ích) hỗ trợ. Và quan trọng nhất là Visual Studio Code chạy được trên đa nền tảng, và có Microsoft hỗ trợ phát triển. Download: https://code.visualstudio.com/download Một số extension hữu ích và cần thiết để viết code Bootstrap Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro Snippets - Ashok Koyi Live Server - Ritwick Dey Để cài đặt extension cho Visual Studio Code, bạn mở Ctrl + Shift + P => Install Extensions, rồi gõ tên những extension mà bạn cần cài đặt. Tạo project Web Mở Visual Studio Code. Bấm File -> Open Folder -> Chọn folder cần chứa project -> Select Folder. Tạo mới 1 file html: index.html. Gõ b4-$ rồi bấm Enter. Extension 1 sẽ tạo mới 1 file template mẫu Html ...

Mỗi app đều có 1 main entry point. Đối với app Angular mà bạn tìm hiểu trong các part trước, được xây dựng bằng Angular CLI. Để chạy được ứng dụng, mình gọi lệnh: ng serve ng sẽ xem file angular.json để tìm Entry Point cho app. Bạn có thể hình dung theo sơ đồ sau:

ConEmu là phần mềm giả lập console Windows với nhiều tab. Bạn có thể dùng phần mềm này để thay thế cho cmd hoặc Power Shell. Để thay đổi đường dẫn mặc định khi mở ConEmu, bạn làm như sau: Bạn nhấn Windows + Alt + P hoặc bấm Menu => Settings... Thêm Task mới, đặt tên là ChangeStartupFolder, sau đó bấm nút Startup dir... để thay đổi đường dẫn. =>Save Settings. 2. Startup => Trong option Specified named task, chọn {ChangeStartupFolder}=> Save Settings 3. Mở thêm tab mới và xem kết quả Chúc các bạn thành công