Jade Bird

Jade Bird

1657871479

How to Build Modern Portfolio with Next.js, TypeScript, SSR & CMS

Build Modern Portfolio with NextJS, TypeScript, SSR, and CMS

Here's a modern portfolio you could have to impress an employer 🚀

Build it with me & add your own ✨sass ✨ to it and make it your own 🔥

#nestjs #typescript #cms #ssr #webdevelopment #frontend #fullstackdeveloper #webdev 

How to Build Modern Portfolio with Next.js, TypeScript, SSR & CMS
w3hubs com

w3hubs com

1655815876

Responsive Navbar In Vue.js

Responsive Navbar In Vue.js

Vuejs is a javascript framework and a progressive framework for JavaScript to build single-page web applications. So Here we made Responsive Navbar in the Vue.js framework with the help of HTML/CSS.

Also Read:- Crud Table In Angular Material With Local Storage(edit/save/delete)

In this project, we used Vuejs methods and conditions for rendering functions. To make it responsive, we used CSS Media query. Also, we used font-awesome for toggle purposes on the mobile side, where users can click a navbar display in list format. Here we used vue-router for routing our components with proper names.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Source Code

 

#vuejs #dev #fullstackdeveloper #HTML #css #JavaScript 

Responsive Navbar In Vue.js
w3hubs com

w3hubs com

1655815777

Vuejs Login and Register Form

Vuejs Login and Register Form

We made the Login and Register Form in CSS/JS framework and also made it in pain HTML and CSS. But here we made it in the Vuejs framework with the help of HTML/CSS.

Also read:- Responsive Navbar In Vue.js

In this form, we use plain HTML & CSS and for the responsive side, we used CSS media queries. To make it clickable and functionality we used Vuejs events. This is responsive Login and Register Form for mobile and tablet views.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Source Code

#vuejs #dev #fullstackdeveloper #HTML #css #JavaScript 

Vuejs Login and Register Form

Why Laravel Framework is Superior for Mobile App Development?

To build a world-class mobile app, you need a robust and trustworthy Laravel Framework. It is your chosen technology that keeps your data safe and constantly checks with the smooth running of backend operations. Laravel got founded with the same thought process. The creators of Laravel technology believe in simplifying the development process. With the latest version of Laravel 5.4, the founders have reinforced the same ideology embedded with new features.

https://brainstreamtechnolabs.com/reasons-why-laravel-framework-is-superior-for-mobile-app-development/

#laravelframework  #php #backend #technologies #newblog  #MobileAppDevelopment #newarticle #softwareasaservice #saas #softwaredeveloper #ecommercewebsite #fullstackdeveloper #softwareengineer 

Why Laravel Framework is Superior for Mobile App Development?

Full-Stack vs MEAN Stack vs MERN Stack: Which Is Best for Mobile App D

Do you have difficulty deciding which technology to use for mobile app development: Full-Stack, MEAN Stack, or MERN Stack?

Our specialists delved into a deep guide on stack technologies and assisted you in choosing the ideal technologies for your mobile app development in this guide.

https://multiqos.com/full-stack-vs-mean-stack-vs-mern-stack-development/

#fullstackdeveloper #fullstackdevelopment #meanstcakdeveloper #meanstackdevelopment #mernstackdeveloper #mernstackdevelopment

Full-Stack vs MEAN Stack vs MERN Stack: Which Is Best for Mobile App D
Corey Brooks

Corey Brooks

1634715857

Can You Still Become a Full-Stack Developer?

Can You Still Become a Full-Stack Developer? This is a question we will be chatting about today! The role of a full-stack developer is highly sought after but comes with a lot of responsibility. This brings up the question, with so much to know, is it still possible to become a full-stack developer?

0:00 Intro 
0:43 Liberty 3 Pro Earbuds 
2:04 Can you still become a fullstack developer?
8:03 Outro


#fullstackdeveloper #developer 

Can You Still Become a Full-Stack Developer?
w3hubs com

w3hubs com

1634545279

Bootstrap To-Do List Using Jquery

Bootstrap To-Do List Using Jquery

To-do List is mostly used to add your today’s task or any important work you have to do today. So there are so many ways to make a To-do list but here we made it in jquery with the help of bootstrap.

Also read:- Blog Section In Bootstrap 5

In this To-do List, we used font-awesome icons for actions and also used jquery for add, edit, and delete. Here we modify some bootstrap classes with new CSS properties. This is fully responsive for mobile and tabs view.

Make it yours now by using it, downloading it, and please share it.

Source code

#buildtheweb #100daysofcode #web #tech #css #programing #coding #stackoverflow #programmers #codingisfun #github #css3 #codelife #codingdays #codecademy #html #javascript #programmers #developers #webdevelopers #fullstackdeveloper #dev

Bootstrap To-Do List Using Jquery
Duong Tran

Duong Tran

1633951800

Lưu Array Dữ Liệu Lịch Khám Bệnh với BulkCreate Sequelize

Trong video này, chúng ta sẽ cùng nhau xử lý dữ liệu đặt lịch khám bệnh, lưu tất cả các lịch hẹn đã chọn từ giao diện React vào database sử dụng bulkcreate Sequelize (Save All at Once, sử dụng 1 query để lưu array dữ liệu).
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:11  ❤
 
🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:11 Demo kết quả đạt được
2:48 Squelize BulkCreate
6:20 Thêm api tạo schedule
10:28 Test API
19:05 Xử lý raw data
24:50 Lưu mảng với Sequelize
31:20 Lưu trùng data
50:00 Load động thông tin
56:13 Reviews các file thay đổi

#fullstackdeveloper  

Lưu Array Dữ Liệu Lịch Khám Bệnh với BulkCreate Sequelize
Duong Tran

Duong Tran

1633951380

Hoàn Thiện Section Xem Chi Tiết Thông Tin Bác Sỹ với ReactJS

Trong video này, chúng ta sẽ cùng nhau tạo dữ liệu thực tế cho section Xem chi tiết thông tin bác sĩ. Ngoài ra, chúng ta cũng CSS cho section này để nhìn cho đẹp hơn.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:38  ❤

 
🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:38 Demo kết quả đạt được
2:55 Chỉnh cấu hình format CSS
6:10 Một vài lỗi cần fix
8:49 Lấy thông tin Markdown
16:44 Set default value Markdown
23:25 Sửa API Lưu/Sửa Markdown
35:40 Tạo dữ liệu Chi tiết Bác Sĩ
50:50 CSS Thông tin Chi tiết Bác Sĩ
58:30 Thêm Background
1:03:28 Thêm Back Home Khi Click Logo
1:06:02 Reviews các file thay đổi

#fullstackdeveloper 

 Hoàn Thiện Section Xem Chi Tiết Thông Tin Bác Sỹ  với ReactJS
Duong Tran

Duong Tran

1633940460

Tạo Giao Diện Trang Xem Chi Tiết Thông Tin Bác Sĩ với ReactJS

Trong video này, chúng ta sẽ cùng nhau tạo thêm trang (route) xem chi tiết thông tin bác sĩ phía React, đồng thời Render dữ liệu cho chức năng này từ API chúng ta đã viết từ video trước #68.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:00  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:00 Demo kết quả đạt được
2:30 Thêm route Chi tiết bác sĩ
11:30 Thêm sự kiện onClick
22:00 Lấy query param trên URL
29:30 Tổ chức Layout section
35:40 Code base Giao diện
43:03 Ghép API dữ liệu
50:00 Decode Image từ Node.js
55:40 Chỉnh CSS Image
1:09:00 React Insert HTML
1:11:01 Review các file thay đổi

#fullstackdeveloper 

 Tạo Giao Diện Trang Xem Chi Tiết Thông Tin Bác Sĩ  với ReactJS
Duong Tran

Duong Tran

1633929960

Design Giao Diện Chức Năng Tạo Lịch Hẹn Khám Bệnh với ReactJS

Trong video này, chúng ta sẽ cùng nhau design giao diên chức năng Tạo lịch khám bệnh cho bác sĩ, cũng như fix một vài bugs còn tồn đọng trước đó.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 0:58  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
0:58 Demo kết quả đạt được
4:00 Tạo Bố cục Layout
9:50 Tạo Select Dropdown
13:35 Lấy data danh sách bác sĩ
22:39 Tạo date picker
42:30 Load động khoảng thời gian
50:20 Tạo state lưu time
55:23 CSS List Buttons
1:02:00 Khai file dịch
1:05:28 Thêm sự kiện Press Enter Login
1:10:35 Review các files thay đổi

#fullstackdeveloper 

 Design Giao Diện Chức Năng Tạo Lịch Hẹn Khám Bệnh với ReactJS
Duong Tran

Duong Tran

1633919100

Tạo Menu Phân Quyền Người Dùng Khi Đăng Nhập với ReactJS

Trong video này, chúng ta sẽ cùng nhau tạo menu phân quyền người dùng. Người dùng sau khi đăng nhập sẽ có Vai trò (role) khác nhau, vì vậy, giao diện thanh menu (chức năng) cũng sẽ hiển thị khác nhau.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 2:03  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
2:03 Demo kết quả đạt được
3:06 Tạo menu cho bác sĩ
10:00 Phân tích cách thiết kế menu
26:05 Tạo Route cho Bác sĩ
36:23 Reviews các files các thay đổi

#fullstackdeveloper 

 Tạo Menu Phân Quyền Người Dùng Khi Đăng Nhập với ReactJS
Duong Tran

Duong Tran

1633896840

Design Giao Diện Bổ Sung Thông Tin Chi Tiết Cho Bác Sỹ với ReactJS

Trong video này, chúng ta sẽ cùng nhau design giao diện bổ sung thông tin cho bác sĩ, mục đích để chuẩn bị data cho chức năng xem chi tiết thông tin bác sĩ.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:35  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:35 Demo kết quả đạt được
3:10 Tạo Route
5:47 Tạo component
8:07 Css
20:35 Tạo Textarea
23:00 React Select
34:47 Lưu giá trị vào State

#fullstackdeveloper 

 Design Giao Diện Bổ Sung Thông Tin Chi Tiết Cho Bác Sỹ  với ReactJS
Duong Tran

Duong Tran

1633885920

Cài Đặt Và Sử Dụng Markdown Editor cho React

Trong video này, chúng ta sẽ cùng nhau tìm hiểu và cài đặt công cụ để có thể soạn thảo, viết một đăng như một bài blog - Markdown Editor dành cho React.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:05  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:05 Demo kết quả đạt được
4:06 Phân tích công cụ sử dụng
6:54: Giới thiệu editor
10:40 Cài đặt thư viện
22:40 Sử dụng Markdown
35:35 Tạo model Markdown
41:40 Tạo Migration
45:30 Review các files thay đổi

#fullstackdeveloper 

  Cài Đặt Và Sử Dụng Markdown Editor cho React
Duong Tran

Duong Tran

1633875060

Tạo Data Hoàn Tất Section Bác Sĩ Nổi Bật Trong Tuần

Trong video này, chúng ta sẽ cùng nhau tạo dữ liệu của bác sĩ để hoàn thiện section danh sách các bác sĩ nổi bật trong tuần.
Cụ thể và chi tiết các bạn cùng xem video nhé. Demo nhanh sản phẩm đạt được khi kết thúc video, các bạn xem tại 1:25  ❤


🧠 Nội dung video:
0:00 Giới thiệu 
0:20 Review bài học trước
1:25 Demo kết quả đạt được
4:50 Tạo dữ liệu bác sĩ
23:00 Disable Arrow Slick Slider
32:31 Khai file dịch
37:30 Review các files thay đổi

#fullstackdeveloper 

 Tạo Data Hoàn Tất Section Bác Sĩ Nổi Bật Trong Tuần