Giới thiệu qua về React, HTML, UI Builder

I am a developer, I write blogs occasionally. I hope you will find something new when reading my blogs.
Search for a command to run...

I am a developer, I write blogs occasionally. I hope you will find something new when reading my blogs.
No comments yet. Be the first to comment.
Trong series này mình sẽ chia sẻ về các cách khác nhau để làm giao diện website
Mặc dù cách tốt nhất (trong việc học/làm code dài hạn) vẫn là cài đặt tất cả các thành phần cần thiết để code nhưng quá trình đó có thể mất thời gian, nếu bạn chưa có nhiều kiến thức, và không có nhiều thời gian, thì tốt nhất không nên. Ở bài này sẽ ...
Login xong rồi thì làm gì? Tất nhiên là các thao tác xử lý dữ liệu. thường viết tắt là CRUD (Create Read Update Delete). Chúng ta sẽ làm tất cả trên Wordpress, tiếp nối 2 bài viết về login trước. CRUD với việc Login bằng Ultimate User Chúng ta cần ti...

Ở bài trước chúng ta đã có thể login bằng cách cài thêm plugin cho Wordpress. Về bản chất, đó là việc dùng Wordpress làm server xử lý thông tin đăng nhập. Wordpress vừa hiển thị giao diện, vừa xử lý thông tin đằng sau. Ở bài này chúng ta sẽ học cách ...

Tiếp nối với bài về Header thì chúng ta sẽ bàn đến nút Login / Signup có trên Header. Thường thì các flow phổ biến sẽ là: click nút Login / Signup sẽ dẫn sang trang Login, ở đó sẽ có nút dẫn sang trang Signup nếu chưa có tài khoản, hoặc có design sẽ...
Từ bài này trở đi chúng ta sẽ bắt đầu thực hành các kiến thức về UI Builder, Web component và React để làm từng thành phần của web. Đầu tiên là Header, hay còn được gọi là Navigation bar, Navigation menu,.... Mục đích của phần giao diện này là giới t...

Fonts, Sizes và Colors Vì chúng ta sẽ làm việc trực tiếp trên Wordpress + Elemetor nên bước này cả 3 sẽ giống nhau: Vào Site settings và cài đặt Global Colors để dùng cho Elementor Tạo global style trong Custom CSS để dùng CSS variable cho Web Comp...

Khác với series trước mình chủ yếu đề cập theo cách giới thiệu và bạn phải tự học khá nhiều, thì series này mình sẽ đi sâu để có thể hướng dẫn các bạn làm được giao diện nhanh chóng.
Khi bạn làm giao diện, thì vẫn nên xuất phát từ HTML, CSS. Cái đó sẽ là nền tảng để bạn học các vấn đề sau này. Khi sử dụng nhiều thư viện, framework, UI Builder, bạn sẽ không cần tiếp xúc trực tiếp với HTML CSS cơ bản quá nhiều, tuy nhiên khi chuyển sang 1 job sử dụng công nghệ khác, b sẽ phải làm quen lại với thư viện, framework, builder từ đầu và chính HTML CSS là nền tảng để bạn nắm bắt được công nghệ mới.
Ở series trước mình có giới thiệu về Custom HTML Element. Cái này có thể được coi là HTML "đóng gói", cũng là 1 phần cần nắm đc. Nhất là khi bạn phải làm việc ở 1 dự án lạ, đóng gói HTML sẽ tránh được các xung đột không lường trước được.
Ở series này mình sẽ cố gắng nhắc đến các kiến thức HTML CSS cùng Custom HTML Element khi làm giao diện.
Khi nói về nguồn Job thì các Job về React vẫn đang chiếm lượng lớn, các Job về HTML thuần rất ít. Vì thế nên bạn cần master được React càng sớm càng tốt. Tuy nhiên đối với 1 người mới thì React khá khó, bạn phải nhuần nhuyễn JS bên cạnh kiến thức HTML cơ bản.
Về lý thuyết, React chỉ là 1 thư viện, do đó nếu bạn nắm chắc được nền tảng HTML CSS JS, thì bạn sẽ nắm được React. Ngoài ra sẽ nắm được 1 số các thư viện có độ phổ biến tương tự như VueJS hoặc Svelte.
Tiện nói thêm thì mình là 1 React developer, mình phát triển web theo hướng URP (Universal React Practice) tức là hướng đến build web và mobile app cùng lúc. URP đã được đề cập qua ở series trước, tuy nhiên ở series này nói về website là chủ yếu, nên có thể sẽ bỏ qua việc nhắc đến mobile
Đối với người mới, chưa có nhiều kiến thức về lập trình web, thì UI Builder sẽ hỗ trợ các bạn rất nhiều, chỉ kéo thả 1 lát là đã có 1 website. Mặc dù kết quả làm từ UI Builder có thể không giống với yêu cầu, nhưng nó sẽ thúc đẩy các bạn tạo ra các vấn đề nhỏ, bài toán con để các bạn giải quyết bằng việc viết thêm code xử lý.
Đối với những coder lâu năm, bạn có thể sẽ khá chán với việc code thủ công giao diện khi nó không mang lại thêm kinh nghiệm gì cho bạn nhiều (trừ những design độc đáo). Trong khi vẫn phải bỏ thời gian ra để hoàn thành dự án. Một UI Builder khi được kéo thả 1 cách hợp lý sẽ đảm bảo được yêu cầu dự án đồng thời tiết kiệm được thời gian của bạn.
Theo ý kiến của mình thì series này sẽ phù hợp với:
Những beginner, chưa có nhiều kinh nghiệm làm web
Những bạn dev backend muốn chuyển sang học frontend, hoặc được giao làm frontend dù không phải thế mạnh
Những startup mục tiêu là build sản phẩm nhanh chóng để kiểm tra ý tưởng
Các freelancer phải làm nhiều dự án 1 lúc
Series này sẽ không phù hợp với:
Trong series này mình sẽ cố gắng đề cập HTML, React và UI Builder trong mỗi vấn đề. Chủ yếu series này được viết ra từ kinh nghiệm nên sẽ khác nhiều các blog ở bên khác. Các bạn hãy đặt câu hỏi ở phần comment để được giải đáp.