Tag Archives: web developer

Lập trình Web Front-end đã thay đổi như thế nào sau 10 năm – Phần 1

Lời dẫn

Mảng lập trình front-end hiện tại đang rất loạn!!!

Công nghệ front-end thay đổi quá nhanh, framework này framework kia lũ lượt ra đời như nấm sau mưa.

Để hù dân tay nganh mới học front-end, hoặc những người không biết nhiều về lập trình, các bạn chỉ cần lấy những công nghệ phổ biến sau ra “khè” họ.

Ember, Angular, React, Express, Grunt, Bower, npm, Broccoli, Gulp, Lodash, Underscore, rxjs, Knockout, Threejs, D3, Backbone, Angular2, Redux, Alt, Reflux, Webpack, Bluebird, Q Mocha, Jasmine, Chai, Koa, Less, Sass, Postcss, Impressjs, Revealjs.

Sự “loạn” này làm đau đầu, “bối rối” cả những developer cứng cựa cho đến newbie developer mới bước chân vào mảng front-end.

JavaScript mê hồn trận

Học front-end sao cho hiệu quả?

Do vậy, nhiều bạn học front-end hỏi mình: Làm sao để học front-end cho hiệu quả? Lời khuyên nho nhỏ của mình là:

Thay vì bỏ thời gian để chạy theo công nghệ này, công nghệ kia, hãy biết mình cần học gì.
Hãy tìm hiểu lý do tại sao chúng ra đời, vấn đề mà chúng giải quyết
Hãy tìm hiểu vai trò của từng công nghệ trong thế giới JavaScript hỗn loạn hiện nay.

Do đã trải qua cũng nhiều, mình viết một series ngắn về những thay đổi về công nghệ trong ngành front-end từ trước đến nay. Những bạn nào nghiêm túc muốn theo hướng front-end developer thì nên đọc, ngẫm và tìm hiểu nhé!

Continue reading Lập trình Web Front-end đã thay đổi như thế nào sau 10 năm – Phần 1

Advertisements

Tổng hợp những clip livestream hay của Tôi đi Code Dạo và Codeaholicguy

Có thể các bạn chưa biết, ngoài blog ra, Tôi Đi Code Dạo còn có một fanpage khá khủng với hơn 30000 like và follow.

https://www.facebook.com/toidicodedao/

Bạn nào chưa like thì vào like ủng hộ nhen. Fanpage sẽ đăng bài viết từ blog vào mỗi thứ 3, thứ 5, lâu lâu còn có những thông báo event, hình ảnh cùng các chia sẻ ngắn mà hay!

Điẻm đặc sắc nhất của fanpage là tiết mục Livestream vào tối T7-CN. Ở những buổi livestream này, mình vào Codeaholicguy sẽ chia sẻ về kĩ thuật lập trình; về những kinh nghiệm phỏng vấn/xin việc/làm việc; giải đáp thắc mắc về ngành nghề.

Hiện tại, số lượng livestream cũng khá nhiều nên mình tổng hợp lại thành một bài viết cho các bạn dễ theo dõi nhé!

Cập nhật lần cuối: 24/08/2017

Continue reading Tổng hợp những clip livestream hay của Tôi đi Code Dạo và Codeaholicguy

Nghịch ngợm RestAPI với Postman – Gọi API đâu có gì khó?

Series Nhận Diện Idol vẫn đang tiếp tục được viết. Tuy nhiên, trong quá trình code sẽ phải sử dụng khá nhiều RestAPI (Của Microsoft, Imgur,…). Để đủ kiến thức theo đuổi series, bạn cần hiểu rõ bản chất RestAPI và cách sử dụng chúng.

Nếu các bạn chưa hiểu rõ về RestAPI có thể xem lại ở đây.  Ta thường dùng code để gọi các API này, tuy nhiên việc viết code và chạy code khá lắt nhắt và tốn công. Do vậy, hôm nay mình giới thiệu thêm tool mình hay dùng khi làm việc với RestAPI mang tên Postman.

(Tool này sẽ được sử dụng khá nhiều trong series Nhận diện Idol, các bạn nhớ đọc để biết cách sử dụng nhé)

Continue reading Nghịch ngợm RestAPI với Postman – Gọi API đâu có gì khó?

Một số kĩ thuật design cơ bản cho developer

Hẳn là có vài bạn (sinh viên) đang muốn hỏi: Ơ tui là lập trình viên, lo code thôi chứ có phải thiết kế gì đâu mà phải học design? Xin trả lời là: trừ khi bạn đi theo con đường lập trình nhúng, hoặc làm back-end developer 100%, thế nào bạn cũng sẽ phải đụng tới vài việc liên quan tới thiết kế. 

Nếu may mắn, những công việc như thiết kế giao diện web, giao diện di động sẽ được thực hiện bởi designer, developer chúng mình chỉ cần file HTML hoặc PSD và code thôi.Tuy nhiên, ở Việt Nam, nhiều khi developer chúng mình cũng phải kiêm luôn nhiệm vụ này

Thiếu kiến thức về design, đôi khi dev chúng mình cho ra nhiều giao diện khá là khủng khiếp (Thuở xưa ở Đại Học cũng có dạy môn HCI – Tương tác người dùng, nhưng cũng chẳng có tác dụng mấy). Do đó, bạn hãy tự trang bị cho mình những kiến thức design cơ bản, để tạo ra những design coi được. Những kiến thức này sẽ rất hữu dụng khi bạn muốn đi theo con đường front-end developer, hoặc full-stack developer.

web-designer-vs-web-developer

Continue reading Một số kĩ thuật design cơ bản cho developer

Series JavaScript sida – Object trong JavaScript

Như đã chia sẻ ở bài viết trước, trong năm 2016 mình sẽ dành thời gian trau dồi kĩ năng front-end, do đó số lượng các bài viết về front-end trên blog sẽ nhiều hơn một chút.  Sau series C# hay ho được nhiều người đón nhận, năm nay blog sẽ có thêm series Javascript sida. Lý do là: càng học sẽ càng thấy C# nó hay ho, trong khi đó càng học lại càng thấy Javascript nó sida, bạn nào không tin cứ theo dõi series sẽ biết.

Bạn nào theo dõi blog lâu cũng biết mình có một số tình cảm khá phức tạp cả yêu lẫn ghét dành cho javascript. Về bản thân ngôn ngữ, cá nhân mình thấy nó là một ngôn ngữ trời đánh, khá sida, làm bao nhiêu lần mình phải thốt lên đ.m hay WTF khi học.

Javascript vốn được thiết kế một cách tạm bợ thô sơ, dùng để validate ở client side (Bạn nào tò mò muốn biết thêm về lịch sử của js có thể đọc thêm cuốn Professional JavaScript for Web Developers). Song chẳng hiểu duyên trời đưa đẩy thế nào, JavaScript cùng với PHP lại trở thành hai ngôn ngữ được sử dụng ở khắp mọi nơi, dù hứng chịu biết bao gạch đá.

c19be8898d6f097228295a6408ef3911c896257b035a120922865af69b92e4d4

Continue reading Series JavaScript sida – Object trong JavaScript

[Tutorial] Viết ứng dụng di động một cách dễ dàng với Ionic Framework

Như mình đã giới thiệu ở một số bài viết trước, lập trình ứng dụng di động đang là một lĩnh vực khá hot mà các lập trình viên nên quan tâm. Theo cách truyền thống (hoặc khi viết native app), bạn cần phải học Java, Objective-C, C# để viết ứng dụng cho Android, iOS, Windows-Phone.

Tuy nhiên, nếu viết ứng dụng theo hướng hybrid app, sử dụng một số framework như Cordova, Phonegap, … bạn có thể viết 1 ứng dụng hoàn toàn bằng HTML, CSS và Javascript, chạy được trên cả iOS, Android và Window Phone. Các bạn web developer có thể dễ dàng nhảy qua mảng mobile mà không cần tốn quá nhiều công sức để học ngôn ngữ mới.

Continue reading [Tutorial] Viết ứng dụng di động một cách dễ dàng với Ionic Framework

Sự “bá đạo” của Chrome Developer Tools – Phần 2

phần 1, mình đã giới thiệu với các bạn về chức năng cơ bản của các tab trong Chrome Developer Tools. Ở phần này, mình sẽ chia sẻ một số mánh khóe, chiêu trò hữu ích mà các bạn có thể áp dụng. Những chiêu này sẽ rất có ích khi code, debug, hoặc để lòe cấp trên và thành viên mới.

1. Mở nhanh file javascript

Với những dự án lớn, có hơn chục file css, js,… việc tìm mở file sẽ rất khó khăn. Chỉ cần mở Developer Tools, bấm tổ hợp Ctrl + P, những file cần tìm sẽ hiện ra đầy đủ, bạn chỉ việc chọn và ấn Enter.

1

Continue reading Sự “bá đạo” của Chrome Developer Tools – Phần 2