Tăng hiệu suất cho ứng dụng Node.js

<div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js là công cụ hàng đầu cho việc tạo ra các ứng dụng server bằng JavaScript, ngôn ngữ lập trình phổ biến nhất thế giới. Cung cấp chức năng của cả một web server và một ứng dụng server, Node.js hiện nay được xem là một công cụ quan trọng cho tất cả các <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">nền tảng microservices</span></span> và phân tán. (Bạn có thể download một bản báo cáo nghiên cứu Forrester miễn phí về Node.js và NGINX <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">tại đây</span></span>).</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js có thể thay thế hoặc bổ sung cho Java hoặc .NET trong phát triển các ứng dụng backend.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js là single-threaded và sử dụng non-blocking I/O, cho phép nó mở rộng và hỗ trợ hàng chục nghìn các thao tác đồng thời. Nó có chung những đặc điểm kiến trúc với NGINX và giải quyết 10,000 vấn đề đồng thời- hỗ trợ hơn 10,000 kết nối đồng thời - Điều mà NGINX cũng được phát minh để giải quyết. Node.js nổi tiếng với tốc độ cao và giúp các nhà phát triển làm việc năng suất hơn.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Vậy thì, có vấn đề gì ở đây?</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js có một vài điểm yếu và lỗ hổng làm cho hệ thống dựa trên Node trở nên kém hiệu quả hoặc thậm chí bị treo. Vấn đề phát sinh thường xuyên hơn khi một ứng dụng web nền tảng Node.js có lượng traffic tăng trưởng nhanh chóng.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Ngoài ra, Node.js là một công cụ tuyệt vời cho việc tạo và chạy ứng dụng logic, cái tạo ra core, nội dung động cho trang web của bạn. Nhưng nó không tuyệt vời như vậy khi phục vụ nội dung tĩnh - Ví dụ như, các hình ảnh và các file JavaScript hoặc cân bằng tải trên nhiều máy chủ.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Để loại bỏ hầu hết điều đó ra khỏi Node.js, bạn cần cache nội dung tĩnh, để proxy và cân bằng tải giữa nhiều máy chủ ứng dụng, và quản lý cổng kết nối giữa các client, Node.js và các thành phần trợ giúp khác, chẳng hạn như các server chạy Socket.IO. NGINX có thể được sử dụng cho tất cả các mục đích này, tạo cho nó trở thành một công cụ tuyệt vời cho việc điều chỉnh hiệu suất Node.js.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Sử dụng các bí quyết sau đây để cải thiện hiệu suất của ứng dụng Node.js:</div> <ol style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;">Triển khai một reverse proxy server.</li> <li style="box-sizing: border-box;">Cache các file tĩnh.</li> <li style="box-sizing: border-box;">Cân bằng tải qua nhiều máy chủ.</li> <li style="box-sizing: border-box;">Các kết nối WebSocket proxy.</li> <li style="box-sizing: border-box;">Thực hiện SSL/TLS và HTTP/2.</li> </ol> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> <span style="box-sizing: border-box; color: #333333; font-weight: 600;">Chú ý:</span> Một cách cải thiện tốc độ nhanh là chỉnh lại cấu hình Node.js của bạn để nhận được lợi thế của các server nhiều nhân (multi-core). Đọc bài viết này để học cách chia Node.js thành các tiến trình con (child processes) - bằng với số CPU trên máy chủ web. Mỗi tiến trình sau đó sẽ ở trên một nhân của CPU, cho bạn có một sự cải thiện lớn trong hiệu năng.</div> <blockquote style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 2px; border-right-color: rgb(204, 204, 204); border-right-width: 0px; border-style: solid solid solid none; border-top-color: rgb(0, 0, 0); border-top-width: 2px; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15px; font-style: italic; line-height: 22px; margin: 30px auto; min-height: 60px; padding: 15px 0px 10px; position: relative; text-align: justify; width: 733.828px;"> <div style="box-sizing: border-box; color: #454545; font-size: 1.067rem; line-height: 1.6; text-align: left;"> Để xây dựng website chuyên nghiệp tham khảo <a href="http://vnskills.com/khoa-hoc-xay-dung-giao-dien-website-html5-css3-jquery.html">khóa học html</a> của vnskills</div> </blockquote> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> 1. Triển khai một Reverse Proxy Server</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Tại NGINX, Inc chúng tôi luôn luôn sợ hãi khi thấy các máy chủ ứng dụng web tiếp xúc trực tiếp với traffic đến từ Internet. Ví dụ như nó gồm nhiều trang web dựa trên WordPress cũng như các trang Node.js.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js được thiết kế cho quy mô, để mở rộng tốt hơn hầu hết các ứng dụng server và phía web server có thể xử lý tốt một lượng lớn traffic. Nhưng phục vụ web không thực sự là cái được xây dựng để thực hiện.<br style="box-sizing: border-box;" />  Nếu bạn có một site traffic cao, bước đầu tiên trong việc tăng hiệu suất ứng dụng là đặt một reverse proxy server trước máy chủ Node.js của bạn. Điều này bảo vệ máy chủ Node.js tiếp xúc trực tiếp với traffic từ Internet và cho phép bạn rất linh hoạt trong sử dụng nhiều máy chủ ứng dụng, trong cân bằng tải trên nhiều  máy chủ, và caching nội dung.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfe8_eZ08L4gPiDXI95DfBcd_mI5hxweEFCwo0qHFASMwUCrtalFjl2qUtyklwRx1WJoMFhStTjs9kCuy-RGpxlraxGvIF-Zg1mRbmB-ZsbG2AbTOBPVxkbYV8Nvz-Hw0RimvGWFBf9G4/s1600/hoc-lap-trinh-web-truc-tuyen-bang-nodejs-online-03122015-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfe8_eZ08L4gPiDXI95DfBcd_mI5hxweEFCwo0qHFASMwUCrtalFjl2qUtyklwRx1WJoMFhStTjs9kCuy-RGpxlraxGvIF-Zg1mRbmB-ZsbG2AbTOBPVxkbYV8Nvz-Hw0RimvGWFBf9G4/s640/hoc-lap-trinh-web-truc-tuyen-bang-nodejs-online-03122015-1.png" width="640" /></a></div> <br style="box-sizing: border-box;" /> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6; text-align: center;"> <br /></div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Đặt NGINX trước một máy chủ thiết lập như một <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">reverse proxy server,</span></span> là một trường hợp sử dụng NGINX, triển khai bởi <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">hàng triệu website</span></span> trên khắp thế giới.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Các lợi ích cụ thể khi <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">sử dụng NGINX như một reverse proxy server Node.js</span></span> gồm có:</div> <ul style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; list-style-type: none; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box; list-style-type: disc;">Đơn giản hóa xử lý đặc quyền (privilege) và gán cổng.</li> <li style="box-sizing: border-box; list-style-type: disc;">Phục vụ các file tĩnh hiệu quả hơn (giải thích ở phần tiếp theo).</li> <li style="box-sizing: border-box; list-style-type: disc;">Quản lý treo Node.js một cách thành công.</li> <li style="box-sizing: border-box; list-style-type: disc;">Giảm đi các tấn công DoS</li> </ul> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> <span style="box-sizing: border-box; color: #333333; font-weight: 600;">Chú ý:</span> Những bài hướng dẫn cách sử dụng NGINX như một reverse proxy server trong môi trường <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">Ubuntu 14.04</span></span> hoặc<span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">CentOS,</span></span> cung cấp cái nhìn tổng quan cho những ai muốn đặt NGINX trước Node.js.</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> 2. Cache các file tĩnh</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Khi việc sử dụng một site dựa trên nền tảng Node.js tăng lên, các máy chủ bắt đầu có biểu hiện quá tải. Có 2 thứ bạn muốn làm ở điểm này:</div> <ol style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;">Loại bỏ hầu hết ra khỏi server Node.js</li> <li style="box-sizing: border-box;">Làm cho nó dễ dàng thêm các server ứng dụng và cân bằng tải giữa chúng.</li> </ol> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Điều này thực sự dễ dàng. Bắt đầu bằng việc triển khai NGINX như một reverse proxy server, như đã mô tả ở phần trước. Điều này làm cho nó dễ dàng thực hiện caching, cân bằng tải (khi bạn có nhiều máy chủ Node.js), và còn nhiều nữa.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Website cho Modulus, một nền tảng chứa ứng dụng, có một bài viết hữu ích <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">tăng hiệu suất ứng dụng Node.js</span></span> với NGINX. Với Node.js làm tất cả công việc của nó, trang chủ có thể phục vụ trung bình gần 900 request/giây. Với NGINX như một reverse proxy server, phục vụ nội dung tĩnh, trang web đó có thể phục vụ hơn 1600 request/giây - hiệu năng được cải thiện gần gấp đôi.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Gấp đôi hiệu suất khiến cho bạn có thêm thời gian để thực hiện các bước đạt được tăng trưởng hơn nữa, chẳng hạn rà soát (và có thể cải thiện) thiết kế site của bạn, tối ưu code, và triển khai thêm các máy chủ ứng dụng.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Sau đây là cấu hình cho các website đang chạy trên Modulus:</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="hljs php" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">server { listen <span class="hljs-number" style="box-sizing: border-box;">80</span>; server_name <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">static</span>-test-<span class="hljs-number" style="box-sizing: border-box;">47242.</span>onmodulus.net; root /mnt/app; index index.html index.htm; location /<span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">static</span>/ { try_files <span class="hljs-variable" style="box-sizing: border-box;">$uri</span> <span class="hljs-variable" style="box-sizing: border-box;">$uri</span>/ =<span class="hljs-number" style="box-sizing: border-box;">404</span>; } location /api/ { proxy_pass http:<span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">//node-test-45750.onmodulus.net;</span> } }</code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Đây là chi tiết <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">bài viết</span></span> của Patrick Nommensen về NGINX, Inc giải thích cách anh ấy cache nội dung tĩnh từ blog cá nhân của mình, chạy trên nền tảng blog mã nguồn mở Ghost, cũng là một ứng dụng Node.js. Mặc dù một vài chi tiết là của Ghost, bạn vẫn có thể tái sử dụng code cho các ứng dụng Node.js khác.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Ví dụ, trong khối NGINX location, bạn sẽ thường muốn bỏ qua một vài nội dung được cached. Bạn không muốn cache giao diện phần quản trị của một nền tảng blog chẳng hạn. Đây là code cấu hình để vô hiệu cahing giao diện phần quản trị của Ghost:</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="hljs php" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">location ~ ^/(?:ghost|signout) { proxy_set_header X-Real-IP <span class="hljs-variable" style="box-sizing: border-box;">$remote_addr</span>; proxy_set_header Host <span class="hljs-variable" style="box-sizing: border-box;">$http_host</span>; proxy_pass http:<span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">//ghost_upstream;</span> add_header Cache-Control <span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">"no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0"</span>; }</code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Các thông tin chung về các nội dung tĩnh, đọc <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">NGINX Plus Admin Guide</span></span>. Admin Guide gồm các hướng dẫn cấu hình, khi cố gắng tìm kiếm một file, sẽ có nhiều tùy chọn trả về thành công hoặc lỗi và tối ưu hóa cách tiếp cận để đạt được hiệu suất nhanh hơn.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Caching các file tĩnh trên máy chủ NGINX giảm tải đáng kể cho máy chủ ứng dụng Node.js, cho phép nó đạt được hiệu suất cao hơn.</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> 3. Thực hiện cân bằng tải</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Đây là chìa khóa thực sự cho hiệu suất cao - gần như là không giới hạn cho các ứng dụng Node.js, để chạy nhiều máy chủ ứng dụng và cân bằng tải giữa chúng.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Cân bằng tải Node.js có thể khó khăn bởi vì Node.js cho phép tương tác mức độ cao giữa code JavaScript đang chạy trong trình duyệt và code JavaScript đang chạy trên máy chủ ứng dụng Node.js, với các đối tượng JSON như là phương tiện trao đổi dữ liệu. Điều này ngụ ý rằng một session client được đưa ra tiếp tục chạy trên một server ứng dụng cụ thể và sự ổn định session khó mà thừa kế để đạt cùng với các server ứng dụng. </div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Một trong những lợi ích chính của Internet và web là <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">statelessness,</span></span> bao gồm khả năng hoàn thành các request của client bởi bất kỳ máy chủ nào với file đã được yêu cầu. Node.js phá vỡ statelessness và làm việc tốt nhất trong môi trường<span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">stateful</span></span>, nơi cùng một máy chủ trả về cho các request tới từ bất kỳ client nào.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Yêu cầu này có thể được đáp ứng tốt nhất bởi <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">NGINX Plus,</span></span> hơn cả phần mềm mã nguồn mở. Dù cả hai phiên bản NGINX khá giống nhau, nhưng điểm khác nhau chính là chúng hỗ trợ các thuật toán cân bằng tải khác nhau.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> NGINX hỗ trợ các <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">phương thức cân bằng tải</span></span> stateless:</div> <ul style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; list-style-type: none; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; color: #333333; font-weight: 600;">Round Robin.</span> Một request mới tới máy chủ tiếp theo trong một danh sách</li> <li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; color: #333333; font-weight: 600;">Least Connections.</span> Một request mới tới máy chủ có số connection hoạt động ít nhất.</li> <li style="box-sizing: border-box; list-style-type: disc;"><span style="box-sizing: border-box; color: #333333; font-weight: 600;">IP Hash.</span> Một request mới tới máy chủ đã được gán một hash địa chỉ IP của client</li> </ul> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Duy nhất một trong các phương thức, IP Hash gửi các request của client tới cùng một máy chủ, là lợi ích của các ứng dụng Node.js. Tuy nhiên, IP Hash có thể dễ dàng dẫn tới một máy chủ nhận được số lượng các request không cân đối với các máy chủ khác, như mô tả trong bài viết này về kỹ thuật cân bằng tải. Phương thức này hỗ trợ statefulness khả năng phân bổ tối ưu các request tài nguyên.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Không giống như NGINX, NGINX Plus hỗ trợ sự ổn định của session. Với việc sử dụng sự ổn định của session, một máy chủ tin cậy nhận tất cả các request từ một client. Cùng lợi thế của Node.js với sự giao tiếp stateful giữa client và server, và của NGINX Plus với lợi thế cân bằng tải cao, đều được tối đa.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Vì thế bạn có thể sử dụng NGINX hoặc NGINX Plus để hỗ trợ cân bằng tải trên nhiều máy chủ Node.js. Tuy nhiên chỉ với NGINX Plus bạn mới có thể đạt được tối đa cả hiệu suất cân bằng tải và statefulness thân thiện với Node.js. </div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> NGINX Plus cũng hỗ trợ từng <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">session</span></span>, cho phép một máy chủ ứng dụng hoàn thành session vừa làm việc sau khi một request tự đưa nó ra khỏi phục vụ.</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> 4. Các kết nối Proxy WebSocket</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> HTTP, trong tất cả các phiên bản, được thiết kế cho các giao tiếp "kéo (pull)", nơi các file request client từ máy chủ. WebSocket là một công cụ có thể có các giao tiếp "đẩy (push)" và "đẩy/kéo (push/pull)", nơi  máy chủ có thể chủ động gửi các file mà client không yêu cầu.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">Giao thức WebSocket</span></span> làm cho nó dễ dàng hơn để hỗ trợ tương tác mạnh mẽ hơn giữa client và server trong khi giảm lượng dữ liệu trao đổi và giảm thiểu độ trễ. Khi cần thiết, một kết nối ghép đôi (full-duplex), với client và server cùng khởi tạo và nhận các request khi cần thiết.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Giao thức WebSocket có một giao diện JavaScript mạnh mẽ và phù hợp với Node.js như là máy chủ ứng dụng và cho các ứng dụng web với khối lượng giao dịch vừa phải, cũng như với máy chủ web. Khi khối lượng giao dịch tăng lên, nó cần chèn NGINX giữa client và máy chủ web Node.js, sử dụng NGINX hoặc NGINX Plus để cache các file tĩnh và cân bằng tải giữa nhiều máy chủ ứng dụng.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Node.js thường sử dụng kết hợp với Socket.IO - một WebSocket API trở nên khá phổ biến để sử dụng cùng các ứng dụng Node.js. Điều này dẫn đến cổng 80 (HTTP) hoặc cổng 443 (HTTPS) bị đầy, và giải pháp là trung gian (proxy) cho máy chủ Socket.IO. Bạn có thể sử dụng NGINX cho <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">máy chủ</span></span> trung gian, như đã mô tả ở trên, và cũng có những chức năng bổ sung chẳng hạn như caching file, cân bằng tải, và nhiều hơn nữa.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6; text-align: center;"> <br /></div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Theo như đoạn code sau cho một file ứng dụng server.js chạy ở cổng 5000. Nó hoạt động như một máy chủ trung gian (proxy) (không phải một web server) và điều hướng các request đến đúng cổng:</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-javascript hljs" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">var</span> io = <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">require</span>(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'socket.io'</span>).listen(<span class="hljs-number" style="box-sizing: border-box;">5000</span>); io.sockets.on(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'connection'</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">function</span> <span class="hljs-params" style="box-sizing: border-box;">(socket)</span> </span>{ socket.on(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'set nickname'</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">function</span> <span class="hljs-params" style="box-sizing: border-box;">(name)</span> </span>{ socket.set(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'nickname'</span>, name, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">function</span> <span class="hljs-params" style="box-sizing: border-box;">()</span> </span>{ socket.emit(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'ready'</span>); }); }); socket.on(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'msg'</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">function</span> <span class="hljs-params" style="box-sizing: border-box;">()</span> </span>{ socket.get(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'nickname'</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">function</span> <span class="hljs-params" style="box-sizing: border-box;">(err, name)</span> </span>{ <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">console</span>.log(<span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'Chat message by '</span>, name); }); }); });</code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Trong file index.html, thêm đoạn code sau để kết nối tới ứng dụng máy chủ của bạn và nhanh chóng thêm một WebSocket giữa ứng dụng và trình duyệt của người dùng.</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="hljs xml" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;"><span class="hljs-tag" style="box-sizing: border-box; color: #f92672;"><<span class="hljs-title" style="box-sizing: border-box; font-weight: bold;">script</span> <span class="hljs-attribute" style="box-sizing: border-box; color: #bf79db;">src</span>=<span class="hljs-value" style="box-sizing: border-box; color: #a6e22e;">"/socket.io/socket.io.js"</span>></span><span class="javascript" style="box-sizing: border-box; opacity: 0.5;"></span><span class="hljs-tag" style="box-sizing: border-box; color: #f92672;"></<span class="hljs-title" style="box-sizing: border-box; font-weight: bold;">script</span>></span> <span class="hljs-tag" style="box-sizing: border-box; color: #f92672;"><<span class="hljs-title" style="box-sizing: border-box; font-weight: bold;">script</span>></span><span class="javascript" style="box-sizing: border-box; opacity: 0.5;"> <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">var</span> socket = io(); <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">// your initialization code here.</span> </span><span class="hljs-tag" style="box-sizing: border-box; color: #f92672;"></<span class="hljs-title" style="box-sizing: border-box; font-weight: bold;">script</span>></span></code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Để được hướng dẫn đầy đủ, gồm cấu hình NGINX, xem bài viết của chúng tôi hướng dẫn sử dụng NGINX và NGINX Plus với <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">Node.js và Socket.IO</span></span>. Để biết sâu hơn các vấn đề về kiến trúc tiềm năng và cơ sở hạ tầng cho các ứng dụng web, xem cả bài viết của chúng tôi về các <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">ứng dụng web thời gian thực</span></span> và WebSocket.</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> 5. Triển khai SSL/TLS và HTTP/2</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Ngày càng có nhiều web site sử dụng SSL/TLS để bảo mật cho tất cả các giao diện người dùng trên trang. Đó là quyết định của bạn, sử dụng nó hay không, nhưng nếu bạn sử dụng nó, NGINX hỗ trợ chuyển đổi theo hai cách:</div> <ol style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;">Bạn có thể chấm dứt một kết nối SSL/TLS tới client trong NGINX, khi bạn thiết lập NGINX như một reverse proxy. Máy chủ Node.js gửi và nhận các request không mã hóa và trả lại nội dung cho NGINX reverse proxy server.</li> <li style="box-sizing: border-box;">Đầu tiên cho thấy việc sử dụng HTTP/2, một phiên bản mới của giao thức HTTP, có một lượng lớn hoặc toàn bộ sử dụng SSL/TLS NGINX hỗ trợ HTTP/2 và bạn có thể chấm dứt HTTP/2 cùng với SSL, một lần nữa loại bỏ bất kì thay đổi nào trong máy chủ ứng dụng Node.js.</li> </ol> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Trong các bước cần thực hiện bạn cần cập nhật URL trong file cấu hình Node.js, thiết lập và tối ưu bảo mật các kết nối trong cấu hình NGINX của bạn, và sử dụng SPDY hoặc HTTP/2 nếu muốn. Thêm hỗ trợ HTTP/2 nghĩa là các phiên bản trình duyệt cũng phải hỗ trợ kết nối HTTP/2  giao tiếp với ứng dụng của bạn sử dụng giao thức mới, các phiên bản trình duyệt cũ hơn tiếp tục sử dụng HTTP/1.x.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6; text-align: center;"> <img alt="Học lập trình web trực tuyến chất lượng nhất" height="357" src="https://techmaster.vn/fileman/Uploads/ImageBlog/hoc-lap-trinh-web-truc-tuyen-bang-nodejs-online-03122015-3.png" style="border: 0px; box-sizing: border-box; height: auto; margin: 10px 0px; max-width: 100%;" title="lập trình online" width="636" /></div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Theo như cấu hình đoạn code sau đây dành cho Ghost blog sử dụng SPDY, như mô tả ở <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">đây.</span></span> Nó gồm các tính năng cao chẳng hạn như gắn với OCSP. Các xem xét quanh việc sử dụng NGINX cho việc chấm dứt SSL, bao gồm lựa chọn gắn với OCSP, xem ở <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">đây.</span></span> Để có cái nhìn tổng quan cho chủ đề này xem ở <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">đây.</span></span></div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Bạn chỉ cần tạo ra một thay đổi nhỏ để cấu hình ứng dụng Node.js và nâng cấp từ SPDY tới HTTP/2, ngay bây giờ hoặc khi hỗ trợ cho SPDY chấm dứt vào năm 2016.</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="hljs php" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">server { server_name domain.com; listen <span class="hljs-number" style="box-sizing: border-box;">443</span> ssl spdy; spdy_headers_comp <span class="hljs-number" style="box-sizing: border-box;">6</span>; spdy_keepalive_timeout <span class="hljs-number" style="box-sizing: border-box;">300</span>; keepalive_timeout <span class="hljs-number" style="box-sizing: border-box;">300</span>; ssl_certificate_key /etc/nginx/ssl/domain.key; ssl_certificate /etc/nginx/ssl/domain.crt; ssl_session_cache shared:SSL:<span class="hljs-number" style="box-sizing: border-box;">10</span>m; ssl_session_timeout <span class="hljs-number" style="box-sizing: border-box;">24</span>h; ssl_buffer_size <span class="hljs-number" style="box-sizing: border-box;">1400</span>; ssl_stapling on; ssl_stapling_verify on; ssl_trusted_certificate /etc/nginx/ssl/trust.crt; resolver <span class="hljs-number" style="box-sizing: border-box;">8.8</span><span class="hljs-number" style="box-sizing: border-box;">.8</span><span class="hljs-number" style="box-sizing: border-box;">.8</span> <span class="hljs-number" style="box-sizing: border-box;">8.8</span><span class="hljs-number" style="box-sizing: border-box;">.4</span><span class="hljs-number" style="box-sizing: border-box;">.4</span> valid=<span class="hljs-number" style="box-sizing: border-box;">300</span>s; add_header Strict-Transport-Security <span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">'max-age=31536000; includeSubDomains'</span>; add_header X-Cache <span class="hljs-variable" style="box-sizing: border-box;">$upstream_cache_status</span>; location / { proxy_cache <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">STATIC</span>; proxy_cache_valid <span class="hljs-number" style="box-sizing: border-box;">200</span> <span class="hljs-number" style="box-sizing: border-box;">30</span>m; proxy_cache_valid <span class="hljs-number" style="box-sizing: border-box;">404</span> <span class="hljs-number" style="box-sizing: border-box;">1</span>m; proxy_pass http:<span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">//ghost_upstream;</span> proxy_ignore_headers X-Accel-Expires Expires Cache-Control; proxy_ignore_headers Set-Cookie; proxy_hide_header Set-Cookie; proxy_hide_header X-powered-by; proxy_set_header X-Real-IP <span class="hljs-variable" style="box-sizing: border-box;">$remote_addr</span>; proxy_set_header X-Forwarded-<span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">For</span> <span class="hljs-variable" style="box-sizing: border-box;">$proxy_add_x_forwarded_for</span>; proxy_set_header X-Forwarded-Proto https; proxy_set_header Host <span class="hljs-variable" style="box-sizing: border-box;">$http_host</span>; expires <span class="hljs-number" style="box-sizing: border-box;">10</span>m; } location /content/images { alias /path/to/ghost/content/images; access_log off; expires max; } location /assets { alias /path/to/ghost/themes/uno-master/assets; access_log off; expires max; } location /<span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">public</span> { alias /path/to/ghost/built/<span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">public</span>; access_log off; expires max; } location /ghost/scripts { alias /path/to/ghost/core/built/scripts; access_log off; expires max; } location ~ ^/(?:ghost|signout) { proxy_set_header X-Real-IP <span class="hljs-variable" style="box-sizing: border-box;">$remote_addr</span>; proxy_set_header Host <span class="hljs-variable" style="box-sizing: border-box;">$http_host</span>; proxy_pass http:<span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">//ghost_upstream;</span> add_header Cache-Control <span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">"no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0"</span>; proxy_set_header X-Forwarded-Proto https; } }</code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Kết luận</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Bài viết này mô tả một vài cách cải thiện hiệu suất quan trọng nhất mà bạn có thể làm trong các ứng dụng Node.js của mình. Nó tập trung vào việc bổ sung NGINX tới các ứng dụng của bạn cùng với Node.js - bằng cách sử dụng NGINX như một reverse proxy server, để cache các file tĩnh, cân bằng tải, các kết nối trung gian (proxying) Websocket, và chấm dứt các giao thức SSL/TLS và HTTP/2.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Kết hợp NGINX và Node.js được <span style="color: #0782c1;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">công nhận rộng rãi</span></span> như một cách tạo các ứng dụng microservices - thân thiện hoặc thêm tính linh hoạt và khả năng cho các ứng dụng có sẵn dựa trên SOA sử dụng Java hoặc Microsoft .NET. Bài viết này giúp bạn tối ưu hóa các ứng dụng Node.js của mình và nếu bạn chọn, hãy mang theo sự phối hợp giữa Node.js và NGINX tới cuộc sống.</div> <blockquote style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 2px; border-right-color: rgb(204, 204, 204); border-right-width: 0px; border-style: solid solid solid none; border-top-color: rgb(0, 0, 0); border-top-width: 2px; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15px; font-style: italic; line-height: 22px; margin: 30px auto; min-height: 60px; padding: 15px 0px 10px; position: relative; text-align: justify; width: 733.828px;"> </blockquote>

Tăng hiệu suất cho ứng dụng Node.js

Node.js là công cụ hàng đầu cho việc tạo ra các ứng dụng server bằng JavaScript, ngôn ngữ lập trình phổ biến nhất thế giới. Cung cấp chức n...

Đọc thêm »

Meteor 1.2 hỗ trợ cả Angular và React

<div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="box-sizing: border-box; font-weight: 600;"><span style="font-family: Times, Times New Roman, serif;"><strong style="line-height: normal; margin: 0px; padding: 0px; text-align: justify;">HTML - CSS</strong><span style="font-weight: normal; line-height: normal; text-align: justify;"> là nền tảng của mọi ngôn ngữ lập trình như PHP, ASP, JSP… Trước khi học lập trình web PHP & MySQL bạn phải bắt đầu với HTML và CSS để tạo ra các web tĩnh, hoặc điều chỉnh giao diện các trang web.</span></span></span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="box-sizing: border-box; font-weight: 600;"><span style="font-family: Times, Times New Roman, serif;"><span style="font-weight: normal; line-height: normal; text-align: justify;">Bạn có thể <a href="http://vnskills.com/khoa-hoc-xay-dung-giao-dien-website-html5-css3-jquery.html">học html</a> tại Vnskills</span></span></span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="box-sizing: border-box; font-weight: 600;"><span style="font-family: Times, Times New Roman, serif;">Framework JavaScript phía máy chủ (server-side) được xây dựng trên Node.js bây giờ tích hợp với những công cụ client-side phổ biến nhất.</span></span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Với một bản nâng cấp sắp tới, nền tảng JavaScript Meteor sẽ chứa chuẩn JavaScript mới nhất và sẽ hỗ trợ các framework JavaScript khác là Angular và React như là các view layer.</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqNOQWezZ6I1WIYb_jeO0AcJg5z2qApypk7CMz-JwIqvXFelrlNJ7Cbr9X641ks8qDYryqoyrNfBWIKOMDD06LytUogUndOsXjR-kQVgUyudw4VbCJzbkK_WZHwZeC9ZMV0iv4xyhON-w/s1600/lap-trinh-voi-nen-tang-meteor-26082015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Times, Times New Roman, serif;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqNOQWezZ6I1WIYb_jeO0AcJg5z2qApypk7CMz-JwIqvXFelrlNJ7Cbr9X641ks8qDYryqoyrNfBWIKOMDD06LytUogUndOsXjR-kQVgUyudw4VbCJzbkK_WZHwZeC9ZMV0iv4xyhON-w/s640/lap-trinh-voi-nen-tang-meteor-26082015.jpg" width="640" /></span></a></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;"><br /></span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Trong khoảng 2 tháng nữa, phiên bản 1.2 của nền tảng <span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">mã nguồn mở</span> này sẽ phù hợp với chuẩn ECMAScript 2015, chuẩn JavaScript này đã được phê duyệt vào tháng 6 vừa qua. Các khả năng từ chuẩn này bao gồm một hệ thống class giúp tổ chức code thành dạng phân cấp, rút ngắn công việc phát triển và code trở nên ngắn gọn hơn, theo Matt DeBergalis, phó chủ tịch sản phẩm của Meteor cho biết trong một cuộc phỏng vấn.</span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Trong khi Meteor hỗ trợ chuẩn ECMAScript 2015, thì không phải tất cả các trình duyệt hoặc các nền tảng JavaScript server-side Node.js thừa hưởng được khả năng này của Meteor, DeBergalis nói. Với Meteor, các lập trình viên có thể viết các ứng dụng tận dụng chuẩn ECMAScript 2015 và có phần code được dịch sang mã JavaScript cũ hơn, mặc dù với nhiều phần code phức tạp hơn. "Nó giống như là việc biên dịch thành ngôn ngữ máy vậy," DeBergalis nói thêm.</span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Trong việc hỗ trợ các framework JavaScript là Angular (còn được gọi là AngularJS) 1.x và React như là các view layer, Meteor 1.2 cung cấp cho các lập trình viên nhiều lựa chọn hơn ngoài thư viện giao diện người dùng Blaze của chính nền tảng này. Trong khi các lập trình viên đã sử dụng Angular và React kết hợp với Meteor trước đây, nhưng đây là lần đầu tiên Meteor chính thức hỗ trợ cho những thư viện này, và việc hỗ trợ cho Angular 2.0 cũng đã được lên kế hoạch.</span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Sự hỗ trợ thêm nhiều framework của Meteor đang mở ra thêm nhiều lựa chọn cho các lập trình viên, Lou Sacco, kỹ sư trưởng tại Qualcomm cho biết, khi anh đã sử dụng Meteor để phát triển một ứng dụng tính phí tại công ty này. "Theo quan điểm của tôi thì điều này có nghĩa là chúng ta có thể tận dụng một số UI framework mà có các thành phần đã được xây dựng trước," như Angular, anh nói thêm. Meteor cho phép Qualcomm đẩy các bản cập nhật ứng dụng của mình tới nhiều người dùng mà không cần họ phải truy cập vào nó.</span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Cũng trong phiên bản 1.2, Meteor hỗ trợ việc sử dụng các bộ tiền xử lý (preprocessor) Cascading Style Sheets (CSS) như Less. Các tính năng hỗ trợ phát triển <span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">ứng ụng di động</span> giờ đây đã cập nhật các phiên bản của các gói Apache Cordova, để xây dựng các ứng dụng native thông qua các công nghệ Web. Hiệu suất cũng được nâng lên đáng kể trong bản cập nhật này.</span></div> <div style="background-color: white; box-sizing: border-box; line-height: 1.6;"> <em style="box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 16.005px; line-height: 25.608px;"><span style="box-sizing: border-box; color: #333333; font-weight: 600;">Bài viết được dịch từ tạp chí InfoWorld</span></em></div>

Meteor 1.2 hỗ trợ cả Angular và React

HTML - CSS  là nền tảng của mọi ngôn ngữ lập trình như PHP, ASP, JSP… Trước khi học lập trình web PHP & MySQL bạn phải bắt đầu với HTML...

Đọc thêm »

Cài đặt Phalcon thư viện lập trình PHP trên Mac

<div style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> <span style="color: #454545; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 16.005px; font-style: italic; line-height: 25.608px;">Hôm nay tôi hướng dẫn các bạn cài đặt Phalcon trực tiếp trên Mac OSX để lập trình.</span><br style="box-sizing: border-box; color: #454545; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 16.005px; font-style: italic; line-height: 25.608px;" /><span style="color: #0782c1; font-family: Georgia, Times, Times New Roman, serif;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; font-size: 16.005px; line-height: 25.608px;"><i>Phalcon</i></span></span><span style="color: #454545; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 16.005px; font-style: italic; line-height: 25.608px;"> là thư viện </span><span style="color: #0782c1; font-family: Georgia, Times, Times New Roman, serif;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; font-size: 16.005px; line-height: 25.608px;"><i><a href="http://vnskills.com/khoa-hoc-lap-trinh-php-mysql.html">lập trình PHP</a></i></span></span><span style="color: #454545; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 16.005px; font-style: italic; line-height: 25.608px;"> ngày càng trở nên phổ biến, hiện HomeBrew đã có formula để cài đặt Phalcon. Việc cấu hình lập trình thư viện Phalcon trên MacOSX trở nên thuận tiện hơn bao giờ hết.</span></div> <div style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> <span style="color: #454545;">Quá trình cài đặt – cấu hình mất khoảng 15 phút nếu bạn đã có kiến thức căn bản về lệnh trong Linux. Trước khi cài bạn nên cài và học cách sử dụng công cụ HomeBrew. Tôi đã viết một bài hướng dẫn tại đây, </span><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">Homebrew công cụ không thể thiếu khi lập trình trên MacOSX</span>.</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Cài đặt Nginx</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs sql" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">brew info nginx brew <span class="hljs-operator" style="box-sizing: border-box;"><span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">install</span> <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">--devel nginx #cài bản đang phát triển 1.5.5 sắp tới là 1.5.6</span> brew <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">install</span> <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">--devel --with-gunzip nginx #bổ xung thêm gunzip nếu muốn bổ sung module nén nội dung web site trước khi trả về cho browser</span></span></code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Bật / tắt Nginx</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs cpp" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">nginx <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#khởi động nginx</span> sudo nginx -s stop <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#tắt nginx</span></code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Nếu Nginx bật thử vào địa chỉ http://localhost:8080 kiểm tra</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Cài đặt PHP với FPM</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs swift" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">brew tap josegonzalez/php brew tap homebrew/dupes #<span class="hljs-type" style="box-sizing: border-box;">N</span>ếu không tap homebrew/dupes sẽ <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ó lỗi: <span class="hljs-type" style="box-sizing: border-box;">No</span> available formula <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">for</span> zlib brew info josegonzalez/php/php55 brew install --with-pgsql --with-fpm --without-apache php55 #<span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ài <span class="hljs-type" style="box-sizing: border-box;">PHP5</span> bật <span class="hljs-type" style="box-sizing: border-box;">FPM</span> tắt <span class="hljs-type" style="box-sizing: border-box;">Apache</span>, <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ài hỗ trợ cho <span class="hljs-type" style="box-sizing: border-box;">Postgresql</span></code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Kiểm tra version, thư mục của PHP và PHP-FPM sau khi cài</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs php" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">php -v <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#Trả về PHP 5.5.11 (Cli)</span> which php <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#Trả về địa chỉ file chạy PHP, thường là /usr/local/bin/php</span> php-fpm -v <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#Trả về PHP 5.5.11 (fpm-fcgi) </span> which php-fpm <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#Trả về /usr/local/bin/php-fpm</span></code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Xử lý lỗi</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> configure: error: Cannot find OpenSSL’s <evp.h> khi cài PHP55<br style="box-sizing: border-box;" />Lỗi này là do XCode chưa cài Command Line Tools. Bật XCode lên, vào Preferences > Downloads > Components chọn cài Command Line Tools, kích thước khoảng 110Mb. Khi nào cài xong tiếp tục lệnh brew install –with-fpm –without-apache php55</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Lỗi hay xảy ra nữa đó là trong Mountain Lion đã có sẵn PHP và PHP-FPM phiên bản cũ hơn. Cách xử lý như sau:</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Gõ php -v để kiểm tra xem version cũ có tồn tại trước đó không, sau đó gõ which php để biết xem nó ở đâu.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Mở Finder tìm đến đúng file php cũ xóa nó đi và gõ lệnh sau đây vào Terminal. Lệnh này thực chất là tạo ra symbolic link từ thư mục PHP55 do Homebrew cài vào thư mục /usr/bin. Mọi lệnh chạy /usr/bin/php sẽ thực chất chạy /usr/local/Cellar/php55/5.5.11/bin/php.<br style="box-sizing: border-box;" />ln -s /usr/local/Cellar/php55/5.5.11/bin/php /usr/bin</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Làm tương tự đối với php-fpm<br style="box-sizing: border-box;" />ln -s /usr/local/Cellar/php55/5.5.11/sbin/php-fpm /usr/bin</div> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Cài đặt XDebug để gỡ rỗi khi lập trình</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs cpp" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">brew info php55-xdebug <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#xem trước thông tin</span> brew install php55-xdebug <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#sau đó cài đặt XDebug</span></code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Cài đặt Phalcon</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs cpp" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">brew install autoconf <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#để cấu hình tự động trước đã</span> brew info php55-phalcon <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#Kiểm tra thông tin gói php55-phalcon</span> brew install php55-phalcon</code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Khi cài lại, biên dịch lại PHP để bổ xung chức năng thì cần làm các bước sau</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs swift" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">brew list #xem <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ùng với <span class="hljs-type" style="box-sizing: border-box;">PHP</span> <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>òn <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ó module nào đượ<span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span> <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ài sh webstop.sh #xem bài <span class="hljs-string" style="box-sizing: border-box; color: #a6e22e;">"Shell script to start and stop Nginx, PHP-FPM and Postgresql"</span> brew uninstall php55 #gỡ <span class="hljs-type" style="box-sizing: border-box;">PHP55</span> brew uninstall php55-xdebug #gỡ module <span class="hljs-type" style="box-sizing: border-box;">XDebug</span> brew uninstall php55-phalcon #gỡ module <span class="hljs-type" style="box-sizing: border-box;">Phalcon</span> #<span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ài lại <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ó thể thêm bớt <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>á<span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span> module brew install --with-pgsql --with-fpm --without-apache php55 brew install php55-xdebug #sau đó <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>ài lại <span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span>á<span class="hljs-built_in" style="box-sizing: border-box; color: #a6e22e;">c</span> module brew install php55-phalcon sh webstart.sh #khởi động lại <span class="hljs-type" style="box-sizing: border-box;">Nginx</span>, <span class="hljs-type" style="box-sizing: border-box;">PHP</span>-<span class="hljs-type" style="box-sizing: border-box;">FPM</span> và <span class="hljs-type" style="box-sizing: border-box;">Postgresql</span></code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Sửa file cấu hình nginx.conf để Nginx gọi vào PHP-FPM</h2> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="language-bash hljs php" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">nano /usr/local/etc/nginx/nginx.conf worker_processes <span class="hljs-number" style="box-sizing: border-box;">1</span>; events { worker_connections <span class="hljs-number" style="box-sizing: border-box;">1024</span>; } http { <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">include</span> mime.types; default_type application/octet-stream; sendfile on; <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#tcp_nopush on;</span> keepalive_timeout <span class="hljs-number" style="box-sizing: border-box;">65</span>; <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">#gzip on;</span> server { listen <span class="hljs-number" style="box-sizing: border-box;">8080</span>; server_name localhost; root /usr/local/<span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">var</span>/www; index index.html index.htm index.php; error_page <span class="hljs-number" style="box-sizing: border-box;">500</span> <span class="hljs-number" style="box-sizing: border-box;">502</span> <span class="hljs-number" style="box-sizing: border-box;">503</span> <span class="hljs-number" style="box-sizing: border-box;">504</span> /<span class="hljs-number" style="box-sizing: border-box;">50</span>x.html; location = /<span class="hljs-number" style="box-sizing: border-box;">50</span>x.html { root html; } <span class="hljs-comment" style="box-sizing: border-box; color: #75715e;">//Đoạn này cấu hình để Nginx gọi vào fastcgifastcgi PHP-FPM ở cổng 9000</span> location ~ .php$ { <span class="hljs-keyword" style="box-sizing: border-box; color: #f92672; font-weight: bold;">include</span> fastcgi.conf; fastcgi_intercept_errors on; fastcgi_pass <span class="hljs-number" style="box-sizing: border-box;">127.0</span><span class="hljs-number" style="box-sizing: border-box;">.0</span><span class="hljs-number" style="box-sizing: border-box;">.1</span>:<span class="hljs-number" style="box-sizing: border-box;">9000</span>; } } }</code></pre> <h2 style="background-color: white; box-sizing: border-box; color: rgb(68, 68, 68) !important; font-family: Roboto, sans-serif; font-size: 1.6125rem !important; line-height: 1.2; margin: 1.78rem 0px 1.424rem;"> Kiểm tra xem Nginx, PHP, XDebug, Phalcon đã được load hay chưa?</h2> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Sau khi cấu hình xong hay bật Nginx và PHP-FPM lên. Lưu ý trong Mountain Lion đi kèm máy chủ Apache2 và PHP. Nếu Nginx muốn dùng cổng 80 để lập trình thì ta phải làm các bước sau đây.</div> <pre style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: monospace, monospace; font-size: 15px; line-height: 22.5px; overflow: auto;"><code class="hljs cpp" style="background: rgb(39, 40, 34); box-sizing: border-box; color: #dddddd; display: block; font-family: monospace, monospace; font-size: 1em; overflow-x: auto; padding: 0.5em;">sudo apachectl stop <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#Tắt web server Apache2 nếu nó đang chạy</span> sudo nginx <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#bật web server Nginx lên</span> sudo PHP-FPM -F <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#Nếu muốn chạy ở chế độ Foreground. Đóng terminal là tắt PHP-FPM FastCGI server</span> sudo PHP-FPM -D <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#Chạy PHP-FPM ở chế độ ngầm - daemon</span> PHP-FPM -i <span class="hljs-preprocessor" style="box-sizing: border-box; color: #a6e22e;">#in ra các biến, thông số cấu hình hệ thống. Rất cần thiết khi troubleshooting.</span></code></pre> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Tạo một file index.php ở thu mục gốc chạy lệnh phpinfo<br style="box-sizing: border-box;" /><?php phpinfo(); ?></div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Lưu ý nếu bật server Nginx mà quên không bật PHP-FPM thì khi truy xuất tới file PHP, Nginx sẽ trả file PHP như là một file tĩnh được download.</div> <div style="background-color: white; box-sizing: border-box; color: #454545; font-family: Roboto, sans-serif; font-size: 1.067rem; line-height: 1.6;"> Trên đây mới chỉ cấu hình Nginx đơn giản. Trong bài tiếp theo tôi sẽ hướng dẫn cấu hình Nginx cho multi-domain để lập trình nhiều dự án PHP, Phalcon trên cùng một máy Mac.</div>

Cài đặt Phalcon thư viện lập trình PHP trên Mac

Hôm nay tôi hướng dẫn các bạn cài đặt Phalcon trực tiếp trên Mac OSX để lập trình. Phalcon  là thư viện  lập trình PHP  ngày càng trở nên p...

Đọc thêm »

KnockoutJS - thư viện JavaScript cho ứng dụng nghiệp vụ web HTML5

<div class="separator" style="clear: both; text-align: left;"> Hôm nay <a href="http://vnskills.com/">vnskills.com</a> sẽ giới thiệu đến các bạn <span style="font-family: Times, 'Times New Roman', serif;">KnockoutJS : thư viện JavaScript giúp việc lập trình ứng dụng nghiệp vụ trên web đơn giản và dễ kiểm soát.</span></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGv-OdrbMoMCd9VYS0Zt6x3iSlF4B9D_mWmAQH0XhyjffPsvrd1TeEWHq8C0iQP-mzb94MK1ADUI2YXPB1UWWWPVLwSnFf9BOtw_k7sm4c9WL5JFovKqp0Ygz5rPty7cC_Ro4ti_Heas/s1600/knockoutjs+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGv-OdrbMoMCd9VYS0Zt6x3iSlF4B9D_mWmAQH0XhyjffPsvrd1TeEWHq8C0iQP-mzb94MK1ADUI2YXPB1UWWWPVLwSnFf9BOtw_k7sm4c9WL5JFovKqp0Ygz5rPty7cC_Ro4ti_Heas/s1600/knockoutjs+%25281%2529.jpg" /></a></div> <div style="box-sizing: border-box;"> <span style="font-family: Times, Times New Roman, serif;"><br /></span></div> <div style="box-sizing: border-box;"> <span style="font-family: Times, Times New Roman, serif;"><br /></span></div> <div style="box-sizing: border-box;"> <span style="font-family: Times, Times New Roman, serif;">Ứng dụng nghiệp vụ là ứng dụng thường có giao diện thêm mới – sửa – xóa – tìm kiếm, master – detail phức tạp. Trước đây ứng dụng này thường được viết trên Desktop sử dụng công nghệ Windows Form, WPF, JavaSwing, MFC…Một vài năm trở lại đây, nhiều ứng dụng nghiệp vụ sử dụng công nghệ SilverLight RIA để có thể chạy trên nhiều loại browser, đảm bảo khả năng tạo giao diện thao tác dữ liệu cầu kỳ.</span></div> <ol style="box-sizing: border-box; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;"><span style="font-family: Times, Times New Roman, serif;">Theo dõi tự động sự phụ thuộc trường này vào trường khác. Tự động cập nhật đúng phần giao diện cần thiết khi có một sự thay đổi trên phần tử đang được theo dõi.</span></li> </ol> <ol style="box-sizing: border-box; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;"><span style="font-family: Times, Times New Roman, serif;">Khai báo ràng buộc dữ liệu với giao diện, declarative bindings.</span></li> </ol> <ol style="box-sizing: border-box; margin-right: 0px; padding: 0px 30px;"> <li style="box-sizing: border-box;"><span style="font-family: Times, Times New Roman, serif;">Lập trình mở rộng, hay bổ xung cách thức theo dõi thay đổi, hoặc ràng buộc để tạo giao diện ứng dụng nghiệp vụ theo ý đồ lập trình</span></li> </ol> <br /> <div class="main-post " style="background-color: white; box-sizing: border-box; line-height: 22.5px; margin-bottom: 40px; min-height: 0.01%; overflow-x: auto; overflow-y: hidden;"> <article class="content" style="box-sizing: border-box;"><div style="box-sizing: border-box; line-height: 1.6; text-align: center;"> <span style="font-family: Times, Times New Roman, serif;"><br /></span></div> <div style="box-sizing: border-box; line-height: 1.6;"> <span style="font-family: Times, Times New Roman, serif;">Sự phổ biến của thiết bị mobile, khiến cho việc phát triển ứng dụng nghiệp vụ thuần túy trên desktop hay mô hình RIA ~ Rich Internet Application không còn theo kịp tốc độ phát triển. Xu hướng Responsive Design thúc đẩy các nhà phát triển viết ứng dụng web tương thích với nhiều thiết bị. Nhu cầu tạo ứng dụng nghiệp vụ web chạy mượt mà, tinh tế như ứng dụng chạy trên Desktop ngày một cấp bách. Các công ty có xu hướng chuyển sang HTML5 với tính năng mạnh mẽ. Tuy nhiên JavaScript, ngôn ngữ đồng hành với HTML, vẫn không có nhiều cải tiến. Nó vẫn là ngôn ngữ kịch bản, mềm dẻo, nhưng khó quản lý, gỡ rỗi. Đặc biệt việc thao tác với các phần tử DOM ~ thẻ HTML chưa thể so sánh về mức độ dễ dàng – chặt chẽ như cách lập trình viên desktop lập trình C# tương tác với các control trên form. jQuery với cách thức chọn lựa (select) các phần tử HTML dễ dàng đã tiến một bước dài, giúp lập trình viên đỡ cực nhọc hơn.</span></div> <div style="box-sizing: border-box; line-height: 1.6;"> <span style="color: black; font-family: Times, Times New Roman, serif;"><span style="-webkit-tap-highlight-color: transparent; box-sizing: border-box;">KnockoutJS</span> giúp lập trình viên thực hiện các kỹ thuật cao cấp hơn như binding dữ liệu, cập nhật dữ liệu dựa vào thao tác người dùng, từ trường này tự động sang các trường liên quan, KO (Key Observing – quan sát sự thay đổi theo key).</span></div> </article></div>

KnockoutJS - thư viện JavaScript cho ứng dụng nghiệp vụ web HTML5

Hôm nay vnskills.com sẽ giới thiệu đến các bạn  KnockoutJS : thư viện JavaScript giúp việc lập trình ứng dụng nghiệp vụ trên web đơn giản ...

Đọc thêm »

7 Trang web để xem tất cả những gì về HTML5

<div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> <br /></div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> <span style="background-color: white; color: black; font-family: arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; margin: 0px; padding: 0px; text-align: center;"><span style="font-family: 'times new roman', times, serif; margin: 0px; padding: 0px;"><em style="margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;"><img alt="" height="243" src="http://vnskills.com/hinhanh/images/banner/html%20css.jpg" style="border: none; margin: 0px; padding: 0px;" width="640" /><br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><a href="http://vnskills.com/khoa-hoc-xay-dung-giao-dien-website-html5-css3-jquery.html">Khóa học HTML CSS</a>, JQuery tại Vnskills </strong></em></span></span><strong style="background-color: white; color: black; font-family: arial, Helvetica, sans-serif; line-height: normal; margin: 0px; padding: 0px; text-align: center;"><em style="margin: 0px; padding: 0px;"><span style="font-size: 16px; margin: 0px; padding: 0px;"><span style="font-family: 'times new roman', times, serif; margin: 0px; padding: 0px;">cung cấp đầy đủ kiến thức để c</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 24px; margin: 0px; padding: 0px;">ắt được đầy đủ giao diện HTML - CSS từ giao diện Web Photoshop</span><em style="font-family: 'times new roman', times, serif; font-size: 16px; margin: 0px; padding: 0px;">.</em></em></strong></div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> HTML (HyperText Markup Language) là tiếng nói đánh dấu được sử dụng phổ thông nhất hiện tại. các thẻ HTML có một tẹo viện trợ trong khoảng CSS tạo ra rất nhiều các gì bạn nhận ra trên toàn cầu World Wide Web.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Đã sắp 20 năm nhắc bắt đầu từ HTML bắt đầu khái niệm cách chúng ta 'nhìn thấy' toàn cầu web. Giờ đây, nó đã ra phiên bản to thứ 5 của mình - HTML5. trong khoảng phiên bản đầu tiên tới phiên bản thứ 5, toàn cầu web cũng đã đổi thay toàn bộ. HTML5 là 1 quyết tâm để phục vụ nhu cầu hiện giờ dựa trên nội dung đa công cụ phong phú và động (dynamic). Nhưng nó sẽ thay đổi bí quyết chúng ta nhìn và khiến cho việc có những trang web như thế nào?</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> toàn cầu web hiện tại ngày một gia tăng tính tương tác và đa phương tiện. các ứng dụng cũng dần được chuyển lên trực tuyến. HTML5 đáp ứng đa số những nhu cầu này bằng cách giới thiệu những thẻ nhúng video và âm thanh, vẽ đồ họa đơn giản, làm cho việc sở hữu các áp dụng offline; nó làm cho hầu hết các điều này mà không cần các plugin, và kèm theo, sở hữu tốc độ tốc độ hơn so với trước.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> đa số chúng là một tiêu chuẩn số đông. vì vậy, không thể liệt kê chi tiết về nó duyệt một đôi chiếc trong bài viết này. bởi thế, đây là 7 nguồn tài liệu cung cấp cho bạn một cái nhìn sâu sắc hơn về HTML5. Nào chúng ta cộng bắt đầu nhé!</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> Dive Into HTML5</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Tài liệu này được viết bởi Mark Pilgrim, chậm tiến độ là 1 loại Nhìn vào các tính năng có chọn lựa của HTML5. Nội dung biểu hiện hơi dễ hiểu dành cho người mới bắt đầu. ví như bạn muốn nắm bắt những điều cơ bản về HTML5 thì giáo trình này là dành cho bạn.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Và sẽ có 1 "Giáo sư Markup" hướng dẫn bạn cùng với câu tư vấn cho các thắc mắc phổ biến. Mỗi chương được tương trợ bởi phần demo và những ví dụ. Nhưng bạn hãy rà soát danh sách trình chuẩn y được hỗ trợ trước lúc bắt tay vào thử chúng.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5Doctor</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Tại HTML5Doctor.com, bạn có những bài viết chỉ dẫn trong khoảng cơ bản đến nâng cao. tỉ dụ, qua bài hướng dẫn trước nhất, bạn mang thể thiết lập cho trang web của mình để các trình duyệt công nhận là HTML5. đến bài chỉ dẫn thứ 4 sẽ giúp bạn mẫu mã 1 blog có HTML5.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Trang web này cũng mang phần các thắc mắc thường gặp Q&A, nơi bạn mang thể đăng lên những thắc mắc của mình. 1 số câu giải đáp sẽ xuất hiện nay trang chủ ở phần "Your Questions Answered" để bạn thuận lợi truy cập.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5Rocks</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Nguồn tài nguyên web HTML5 này yêu cầu bạn phải có một khả năng lập trình khá. nếu bạn là một lập trình viên, ở đây mang một số bài chỉ dẫn giúp bạn hiểu các tính năng HTML5 nên được lập trình như thế nào. Bạn mang thể trải nghiệm mang HTML5 tại <em>Playground</em> và mang thể sử dụng lại một số code loại trong Dự án của riêng bạn.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> các bài hướng dẫn ở đây tuy ít nhưng rất toàn diện. Mỗi bài viết cũng được gắn thẻ với biểu trưng của các trình ưng chuẩn mang thể đáp ứng các đề nghị tính năng HTML5 chậm tiến độ.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5games</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> HTML5 đã làm cho Adobe tương đối đau đầu vì nó hứa hẹn sẽ thay thế Flash (ít nhất là đối có 1 số ứng dụng). Liệu HTML5 sẽ chứng minh là có hiệu quả như những trò game trực tuyến được viết bằng Flash trước đây? Hãy tự mình kiểm chứng bằng cách chơi những trò game HTML5 được lưu trữ trên trang web này.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5 Readiness</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> số đông những trình chuẩn y đã hỗ trợ cho HTML5. Hình ảnh nửa loại bánh xe trên trang web này là một chỉ báo trực quan của việc tương trợ HTML5 và CSS3 trên mỗi trình ưng chuẩn. Bạn sở hữu thể di chuột lên 28 tính năng và thẩm định trạng thái qua mã màu ở trên Đó.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Mới nhìn thoáng qua cho thấy Safari và Chrome tương trợ HTML5 và CSS3 phổ thông hơn những trình duyệt y khác.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5 Test</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Trong nháy mắt, bạn có thể biết số điểm trình duyệt y của mình về độ sẵn sàng với HTML5. Ngay sau khi trang web được vận tải lên, điểm số sẽ được hiển thị và mức tối đa là 300. Bạn sẽ nhận được điểm thưởng giả dụ trình duyệt y mang tương trợ những đặc tả kỹ thuật mở mang.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> các điểm số cũng được đánh mã màu để nhận biết xem mức độ hỗ trợ của trình chuẩn y mà bạn đang sử dụng.</div> <h2 style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-weight: normal; line-height: 1.2;"> HTML5 Gallery</h2> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px; text-align: center;"> </div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> HTML5gallery.com tập hợp những trang web khác nhau đang dùng HTML5 theo đa dạng hình thức. Bạn mang thể nhấp vào hình thu nhỏ và truy cập vào trang web cần xem. Nó cũng là một nền móng học tập để xem các lập trình viên web đang thực hành HTML5 như thế nào.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> Mỗi trang web trong danh sách đều sở hữu một chú thích nhỏ để giải thích những thành phần HTML5 đã được sử dụng để kiểu dáng trang web ngừng thi côngĐây như thế nào.</div> <div style="color: #333333; font-family: sans-serif, Arial, Verdana, 'Trebuchet MS'; font-size: 13px; line-height: 20.8px;"> hồ hết những điều thú vị đang chờ đón bạn phía trước. kỳ vọng rằng những trang web này sẽ sản xuất cho bạn những thông báo và kiến thức bổ ích để làm cho việc hiệu quả mang HTML5 chỉ cần khoảng tới.</div>

7 Trang web để xem tất cả những gì về HTML5

Khóa học HTML CSS , JQuery tại Vnskills  cung cấp đầy đủ kiến thức để c ắt được đầy đủ giao diện HTML - CSS từ giao diện Web Photoshop . ...

Đọc thêm »

9 Lý do bạn nên biết một tí về HTML và CSS

<div class="header-post center " style="box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; overflow: hidden; padding: 0px; position: relative; text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="http://vnskills.com/hinhanh/images/banner/banner%206.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://vnskills.com/hinhanh/images/banner/banner%206.png" width="640" /></a></div> <h1 style="font-weight: normal; line-height: 1.2; text-align: left;"> <span style="font-size: 15px; line-height: 22.5px;">Bạn đã nghe đi nghe lại phổ thông lần rằng người nào cũng nên học lập trình. Đồng ý là như vậy! Nhưng là 1 nhà văn, viên chức tiếp thị, chuyên gia tài chính hoặc viên chức của những đơn vị phi lợi nhuận, thì tại sao họ lại nên học lập trình?</span></h1> </div> <div class="main-post " style="box-sizing: border-box; color: rgba(0, 0, 0, 0.870588); font-family: Roboto, sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 40px; min-height: 0.01%; overflow-x: auto; overflow-y: hidden;"> Vâng, tôi ở đây để cho bạn biết rằng thậm chí chỉ <a href="http://vnskills.com/khoa-hoc-xay-dung-giao-dien-website-html5-css3-jquery.html">hoc HTML</a> và CSS cũng đã với thể tạo ra một sự dị biệt lớn trong sự nghiệp của bạn. Và học lập trình không chỉ dành cho các trợ lý phân phối và các các kiến trúc sư in ấn - cho dù bạn là 1 chủ doanh nghiệp nhỏ, 1 điều hành bán hàng, một nhà tổ chức sự kiện hay thậm chí là 1 ảo thuật gia, thì bạn cũng với thể hưởng lợi trong khoảng một số kỹ năng HTML và CSS căn bản.<br /> Nghe với vẻ quá đúng phải ko nào? nếu như bạn còn nghi ngờ thì tôi sẽ phân phối cho bạn 9 thí dụ để chứng minh điều ngừng thi côngĐây.<br /> Nhưng trước tiên, chúng ta hãy xem lại chuẩn xác HTML và CSS là gì. giải thích 1 cách thức ngắn gọn và dễ hiểu là: HTML và CSS là nền tảng của web. HTML - HyperText Markup Language - là ngôn ngữ được dùng để nhắc cho trình ưng chuẩn web của bạn biết đâu là những phần của một trang web. cho nên, bằng cách thức sử dụng HTML, bạn có thân xác định tiêu đề, đoạn văn bản, kết liên, hình ảnh, và nhiều hơn nữa, giúp trình phê duyệt của bạn biết bí quyết làm thế nào để cấu trúc trang web mà bạn đang xem.<br /> CSS - Cascading Style Sheets - là ngôn ngữ cung cấp hình thức và định dạng cho các trang web. đề cập bí quyết khác, CSS là dòng mà bạn dùng để khiến những trang web trông đẹp hơn với các font chữ ưa thích, màu sắc phong phú, hình nền tuyệt đẹp, và thậm chí các hình ảnh động và những hiệu ứng 3D.<br /> Quá dễ phải ko nào? Nhưng có nhẽ bạn vẫn đang tự hỏi: làm thế nào tôi tiêu dùng những tiếng nói lập trình này trong công việc của mình? Vâng, đây chỉ là một vài trong những điều lý tưởng mà bạn mang thể nhận được chỉ mang một vài cái code trong những ngôn ngữ lập trình dễ học này. Tin tôi đi - ông chủ của bạn hoặc nhà tuyển dụng sẽ rất ấn tượng, đồng nghiệp của bạn sẽ được hạnh phúc và bạn sẽ rất thuận lợi trên con đường sự nghiệp của mình.<br /> Dưới đây là 9 điều bạn mang thể làm mang kỹ năng HTML và CSS của mình:<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 1. mẫu mã 1 email xuất sắc cho người dùng của bạn</h2> Email đang được xem là 1 trong những dụng cụ online marketing phải chăng nhất hiện tại. Và bạn mang thể tạo ra một email làm người dùng thực thụ mong muốn nhận được bằng bí quyết tổ chức và định dạng nó dùng các editor HTML và CSS có sẵn ở đầy đủ những nhà sản xuất email marketing.<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 2. Tạo một bản tin tuyệt đẹp cho công ty</h2> Sau lúc bạn đã gây ấn tượng sở hữu những email tuyệt đẹp, hãy nâng nó lên cấp độ cao hơn với 1 dòng bản tin (newsletter). HTML và CSS sẽ là khí giới bí hiểm của bạn, một lần nữa khi bạn bố cục và tùy chỉnh chiếc chậm triển khai để thích hợp mang nhãn hàng và cá tính công ty của bạn.<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 3. Tinh chỉnh trang web WordPress của đơn vị bạn</h2> 1 tỷ lệ rất cao là các trang web của tổ chức thường được xây dựng trên nền tảng WordPress. Và đây là 1 tin thấp khi bạn biết 1 ít kiến thức về HTML và CSS, bởi vì bạn mang thể sử dụng chúng để thêm nội dung và đổi thay trang web của công ty mình. Điều Đó có nghĩa là sẽ không hề chờ đợi team web quá lâu để họ cập nhật 1 tính năng mà bạn yêu cầu!<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 4. Dạy đồng nghiệp của bạn (hoặc ông chủ!) một số code</h2> Bạn sở hữu thể san sớt ái tình về HTML và CSS có các đồng nghiệp của mình (hoặc thậm chí cấp trên của bạn)? Và kết quả là phần đông mọi người trong lực lượng của bạn sẽ mang thể cập nhật và cải thiện các trang web, email và các newsletter. Ahh, hãy thu giãn niềm vui của việc ủy quyền!<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 5. Khiến hàng ngũ khoa học mến mộ bạn</h2> các lập trình viên làm cho việc có bạn sẽ rất vui sướng giả dụ bạn hiểu biết về HTML và CSS. Bạn sẽ biết khiến cho thế nào để nói cho họ hiểu những gì nên đổi thay trên trang web của tổ chức (thay vì cứ đề cập rất nhiều mọi thứ một phương pháp mơ hồ kiểu “ù ù cạc cạc”) cũng như hiểu rõ về những ngừng và khả năng mà họ phải đối mặt hàng ngày.<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 6. Biểu hiện kỹ năng của bạn sở hữu 1 blog Tumblr hoàn chỉnh</h2> ví như bạn muốn biến niềm ham mê lập trình thành nghề nghiệp của mình? Thật thuận tiện, hãy thiết lập 1 blog Tumblr để trưng ra những kết quả mà bạn đã làm cho được. ví như bạn muốn gửi một sản phẩm mẫu mã đồ họa đến nhà tuyển dụng, thì bạn sở hữu thể thực hiện qua cách này! Chỉ cần một tí kiến thức về HTML và CSS là đã sở hữu thể lấy một mẫu Tumblr để tạo ra 1 sản phẩm tuyệt đẹp.<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 7. Vun đắp một trang resume giỏi - từ đầu!</h2> Đi xa hơn việc vun đắp một blog Tumblr và đích thực cho thấy khả năng ​​bằng cách tự tay lập trình trong khoảng đầu đến cuối trang web của bạn. Điều này với vẻ khó khăn, nhưng nó đích thực tương đối thuận lợi để phục vụ một trang web thuần tuý nhưng rất đẹp có HTML và CSS cơ bản. Và bạn sẽ làm cho nhà tuyển dụng mai sau cảm thấy bị sốc khi bạn nói mang họ rằng mình đã tự tay khiến cho ra trang web đó!<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 8. Nâng kỹ năng mẫu mã của bạn lên 1 cấp độ mới</h2> ví như bạn đã là một "phù thủy" về Photoshop, và bạn có thể tạo ra 1 số mockup ấn tượng về trang web của mình. Thì việc với thêm một số kỹ năng HTML và CSS giúp bạn biến các mockup chậm tiến độ thành những trang web thực tế. Bạn mang thể trở nên "unicorn" (một đơn vị thiết kế biết lập trình) mà đa dạng công ty đang khao khát tuyển dụng hiện tại.<br /> <h2 style="font-weight: normal; line-height: 1.2;"> 9. Khởi đầu học rộng rãi hơn - và kiếm được đa dạng hơn!</h2> Giống như tôi đã kể ở phần đầu, HTML và CSS là nền tảng của web. cho nên, chúng còn là nền móng giúp cho các kỹ năng khoa học của bạn nâng lên một cấp độ cao hơn. Việc sở hữu 1 kiến thức nền tảng sẽ khiến việc học những ngôn ngữ lập trình khác (như JavaScript, Ruby hay PHP) phát triển thành tiện dụng hơn nhiều. Và bạn càng biết phổ biến, thì càng phổ biến cơ hội việc khiến mở ra trước mắt bạn.</div>

9 Lý do bạn nên biết một tí về HTML và CSS

Bạn đã nghe đi nghe lại phổ thông lần rằng người nào cũng nên học lập trình. Đồng ý là như vậy! Nhưng là 1 nhà văn, viên chức tiếp thị, ...

Đọc thêm »

7 Thứ bạn nên ngừng làm cho để công việc trở thành hiệu quả hơn

Hồi tôi 17 tuổi, tôi học và làm cho việc ít nhất 20 tiếng một ngày. Tôi đến trường, làm bài tập giữa giờ nghỉ và điều hành một công ty phi lợi nhuận vào buổi tối. lúc chậm triển khai, sự chăm chỉ của tôi đã đưa tới cho tôi muôn nghìn thời cơ khiến việc có các tổ chức hạng nhất và một sự nghiệp thành công. Nhưng thời kì trôi đi, và tôi nhận ra rằng, làm việc phổ biến hơn nữa chẳng hề là cách thức duy nhất đến thành công. rộng rãi khi, khiến việc ít hơn lại mang kết quả phải chăng hơn.<br />Bạn hãy nghĩ đến một công ty nhỏ, khiến cho việc không ngừng nghỉ. tuy nhiên, anh ấy sẽ không thể khó khăn sở hữu các công ty quy mô hàng tỷ đô. thời kì rất hạn chế. Mỗi doanh gia chỉ có 24 giờ 1 ngày và 7 ngày trong tuần. Đối thủ của chúng ta xoành xoạch mang thể chi ra đa dạng tiền hơn, xây dựng nhóm viên chức to hơn, dành đa dạng thời gian hơn cho một Công trình. Vậy vì sao, mang các công ty startup làm được những điều mà các công ty lớn không làm được? Facebook đã mua Instagram, một công ty gồm 13 viên chức có giá hàng tỷ đô. Snapchat, một doanh nghiệp startup có 30 nhân viên đã và đang khước từ lời mời trong khoảng các doanh nghiệp lớn như Facebook và Google. một phần thành công của họ là do may mắn – còn phần còn lại, là do tính hiệu quả.<br /><div class="main-post " style="box-sizing: border-box; margin-bottom: 40px; min-height: 0.01%; overflow-x: auto; overflow-y: hidden;"> <br />“Chìa khóa thành công không phải là khiến cho phổ thông mà là làm 1 cách thông minh.”<br />Đây là 7 thứ tôi đã ko làm cho nữa để trở nên hiệu quả hơn:</div> <div class="main-post " style="box-sizing: border-box; margin-bottom: 40px; min-height: 0.01%; overflow-x: auto; overflow-y: hidden;"> <span style="background-color: white; font-family: 'times new roman', times, serif; font-size: 16px;">Khóa <a href="http://vnskills.com/khoa-hoc-lap-trinh-android-chuyen-nghiep.html">học Lập trình android</a> tại Vnskills Academy giúp cho học viên xây dựng được các ứng dụng trên hệ điều hành Android. Bên cạnh đó học viên cũng được cung cấp những kiến thức về ngôn ngữ lập trình Object C được sử dụng trong Android. </span><br /><h2> 1. Đừng làm thêm giờ, hãy làm hiệu quả</h2> Bạn đã bảo giờ tự hỏi mình rằng tại sao chúng ta lại làm việc 40 tiếng 1 tuần? Vào năm 1926, Henry Ford – người sáng lập của công ty Ford, đã thí nhiệm và tậu ra rằng: khi bạn giảm số lượng giờ khiến cho của bạn trong khoảng 10 xuống 8 tiếng và giảm ngày làm cho trong tuần từ 6 còn 5 ngày, thì độ hiệu quả của bạn sẽ tăng lên<span style="color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, sans-serif;"><span style="font-size: 15px; line-height: 22.5px;">.</span></span><br /> Bạn càng khiến cho phổ quát, thì bạn sẽ càng trở nên kém hiệu quả dù trong ngắn hạn hay dài hạn.<br />Giấc ngủ cũng rất quan trọng. Để khiến việc hiệu quả, bạn cần phải ngủ đủ số lượng thời kì.<br />Bạn với biết rằng:<br /><br />– Leonardo Da Vinci sở hữu phổ thông giấc ngủ ngắn trong ngày và ngủ ít hơn vào buổi tối<br />– Napoleon đã không ngại ngần với những giấc ngủ ngắn hàng ngày<br />– mặc dù rất hổ thẹn về việc này, nhưng Thomas Edison vẫn ngủ trưa hàng ngày<br /><br />Và còn phần lớn thí dụ về những vĩ nhân khác đã không ngại ngần có nhữn giấc ngủ trưa. Bản thân tôi cũng khởi đầu ngủ 7-8 tiếng 1 ngày và cảm nhận rằng, mình đã trở thành hiệu quả hơn đa dạng trong công việc của mình.<br /><h2> 2. Đừng kể ‘có’ quá phổ quát</h2> Theo định luật Pareto thì 20% công sức tạo ra 80% sản phẩm, nhưng 20% sản phẩm sẽ ‘ngốn’ mất 80% công sức của bạn. Thay vì làm việc phổ quát hơn, chúng ta nên tụ hội vào mục tiêu chính. Chúng ta nên dừng nhắc “có” mang các công tác đem lại ít hoặc ko sở hữu kết quả.<br />“Sự khác biệt giữa người thành công và người rất thành công là người rất thành công kể không mang đầy đủ phần lớn mọi thứ” – Warren Buffet<br />Vậy thì lúc nào chúng ta nên đề cập “có” và lúc nào nên kể “không”? giả dụ bạn ko quyết định được là công việc nào nên làm, thì bạn hãy thử khiến Split Test (chia công việc ra làm hai cột, một bên quan trong, 1 bên kém quan trọng). phần lớn chúng ta đều nhắc ‘có’ đa dạng hơn là ‘không’ vì ko người nào thích là người xấu cả.<br /><h2> 3. Đừng tự làm cho hầu hết, hãy để người khác giúp bạn</h2> Tôi đã từng quản lý một cộng đồng rất lớn, nhưng tới một thời khắc, tôi đã không thể làm việc này nữa. Tôi đã nỗ lực khiến tất cả mọi thứ, nhưng điều chậm tiến độ đã quá sức của tôi. Nhưng thay vì vỡ vạc thì cùng đồng ngừng thi côngĐây đã tự đứng lên. những thành viên khiến việc thấp hơn phổ thông so với các gì tôi đã khiến. Và khi ngừng thi công, tôi đã hiểu sức mạnh của cùng đồng và vì sao các doanh nghiệp lớn lại phải dùng tới user-generated content (nội dung hướng người dùng)<br /><br />quý khách biết họ muốn gì và họ muốn thế nào rẻ hơn người làm. Theo Octoly thì những video hướng quý khách trên youtube với lượng người xem gấp 10 lần video do những dịch vụ up lên. lúc tậu thông tin về sản phẩm, hơn nửa số lượng người Mỹ (51%) tin thông tin do khách hàng khác viết, 16% tin website của tổ chức và 14% tin quảng bá. thành ra, chúng ta phải biết cách thức tiêu dùng sự giúp đỡ từ người ngoài.<br />Điều quan trong là chúng ta phải biết sắm đến sự trợ giúp lúc chúng ta cần đến. Chũng ta không thể tự làm hết mọi việc được. phải chăng nhất là nên để cho chuyên gia trong lĩnh vực đảm đang công việc ngừng thi côngĐây thay bạn. Điều này sẽ cho phép bạn có đa dạng thời gian làm cho những thứ mình cần làm hơn. Thay vì tốn thời gian để Đánh giá, hãy để các chuyên gia giúp bạn.<br /><br />Và nói cả lúc họ không giúp được gì, có bạn bè kế bên cũng sẽ giúp bạn phát triển thành hiệu quả hơn.<br /><h2> 4. Đừng quá cầu toàn</h2> Tiến sỹ Simon Sherry, trường đại học Dalhousie đã nói “Chúng tôi tậu ra rằng, sự cầu toàn làm chúng tôi, phát triển thành kém hiệu quả hơn. 1 tiến sỹ càng cầu toàn thì sẽ càng kém hiệu quả”.<br />Sau đây là một số vấn đề của việc cầu toàn:<br />– Mất phổ thông thời gian hơn cho một công tác<br />– Vì chờ đợi tình huống xuất sắc mà họ bỏ qua phần nhiều thời cơ. Trong kinh doanh, giả dụ ấy là thời khắc tuyệt vời thì bạn đã quá muộn rồi.<br />– Họ ko nhìn được bức tranh tổng quát vì họ quá tụ hội vào những chi tiết.<br />thời điểm tuyệt vời là NGAY hiện nay!<br /><h2> 5. Đừng khiến cho đi khiến lại mà hãy tự động hóa nó</h2> Theo bài nghiên cứu của Tethys Solution, 1 đội 5 người tốn 3%, 20%, 25%, 30% và 70% thời gian vào nhiệm vụ lặp đi lặm lại đã giảm thời kì xuống còn 3%, 10%, 15%, 15% và 10% sau 2 tháng nghĩ suy, cắt giảm công việc không cần yếu và nâng cao sự hiệu quả của họ.<br /><br />đa dạng người quên rằng, thời gian chính là tiền nong. Người ta thường tự khiến cho mọi thứ, vì như vậy sẽ tiết kiệm được mức giá. điều hành một thư viện Instagram với 30 ảnh thì thật là thuận lợi. Nhưng nếu như bạn phải điều hành đến 30 000 mẫu ảnh và video trên 5 phần mềm khác nhau thì sao? Bạn sẽ cần một phần mềm chuyên dụng để quản lý hình ảnh và video, như Filemobilecha hạn. nếu như bạn không mua ra được biện pháp thì bạn có thể thuê người khiến bạn.<br />Hãy nhớ rằng bạn cần cung cấp tiền để làm ra được đa dạng tiền hơn nữa và thời gian là tài sản quý giá nhất của bạn.<br /><h2> 6. Đừng chỉ đoán mà hãy minh chứng quyết định của mình bằng dữ liệu</h2> Trên thế giới này với rất nhiều bài nghiên cứu mang tính tư vấn cho phần đông những câu hỏi của bạn. ví dụ, bạn sở hữu biết rằng con người dễ xao nhãng công việc trong khoảng trưa cho tới 4 giờ chiều nhất? thông báo này đã được chứng minh bởi 1 bài nghiên cứu của Rodert Matchock, tiến sỹ tâm lý học tại đại học bang Pennsylvania. Và ví như bạn không mua được data bạn cần, bạn luôn có thể làm cho Split test.<br />tỉ dụ tuần trước chúng tôi đã làm cho 1 số test để tậu ra bí quyết tối ưu hóa chế độ xem ảnh trước cho Twitter.<br />Bạn hãy hỏi bản thân ‘làm phương pháp nào mình sở hữu thể đo đếm và tối ưu hóa mọi thứ?’<br /><h2> 7. Hãy ngừng làm cho việc và cho mình được nghỉ ngơi</h2> <br />nhiều người ko nhìn thấy rằng, chúng ta đang tự kìm hãm bản thân lúc chúng ta quá chăm chú vào một vấn đề nào Đó. mang các lúc bạn phải rời khỏi việc mình đang khiến và sở hữu một chút thời gian cho bản thân. những khi thế này rất tích cực cho não và tinh thần của bạn. Đọc thêm >><br />Chúng ta cần phải quán chiếu lại bản thân. phổ biến khi câu giải đáp sẽ tới mang bạn mà bạn ko cần phải đi sắm nó.<br />Kết luận<br />Chúng ta chẳng thể trở thành hiệu quả hơn chỉ sau 1 đêm. Như phần đông mọi thứ trên thế giới này, bạn phải tự cố gắng để đạt được nó. thời cơ sẽ ko đến nêu bạn chỉ ngồi đợi. Điều quan yếu là bạn phải Nhận định về chính thân thể mình và sắm ra bí quyết thấp nhất để tối ưu hóa năng lượng của bản thân để sở hữu được thành công và 1 cuộc sống hạnh phúc hơn.</div>

7 Thứ bạn nên ngừng làm cho để công việc trở thành hiệu quả hơn

Hồi tôi 17 tuổi, tôi học và làm cho việc ít nhất 20 tiếng một ngày. Tôi đến trường, làm bài tập giữa giờ nghỉ và điều hành một công ty phi l...

Đọc thêm »