Trong video trước #10, chúng ta đã cùng nhau học cách cắt giao diện HTML từ template mẫu, đồng thời đã viết CSS cho giao diện này. Tuy nhiên, đối với CSS, chúng ta vẫn cần tùy chỉnh lại để có thể tối ưu nó hơn nữa.
Video này sẽ hướng dẫn các bạn cách viết SCSS từ file CSS đã tạo, đồng thời, chúng ta sẽ cùng nhau sử dụng Koala để có thể dịch file SCSS thành CSS
👉 Video hướng dẫn cài đặt phần mềm Koala biên dịch SCSS:
🎁Template mẫu các bạn xem tại đây:
❤ Source code video này: Sẽ được cập nhật sau khi mình làm các video hướng dẫn về Github (vì mình sẽ dùng code video này để làm ví dụ đẩy lên Github)
———————————— IMPORTANT —————————–
🚀Learn by doing : trong thời gian sắp tới, mình dự định sẽ có 1 tutorial học và thực hành để trở thành 1 fullstack web developer, với công nghệ sử dụng như sau:
✔ Frontend: Reactjs + Redux. HTML/CSS-scss/Bootstrap4 (reactrap)
✔ Backend: Node.js (Express) + MySql (Sequelize)
👉 Đây là video thứ tự 11 trong khóa học này
👉 Các videos này sẽ được cập nhật vào playlist – Khóa học Fullstack Web Developer Miễn Phí với Hỏi Dân IT:
👉 Các bạn đăng ký kênh, bật thông báo để có thể nhận được những video từ series này một cách sớm nhất nhé ❤
———————————— IMPORTANT —————————–
🧠 Nội dung video:
0:00 Giới thiệu
0:33 Review bài học trước
1:00 Lỗi thường gặp
9:25 Viết SCSS
14:57 Biên dịch SCSS với Koala
🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt):
2. Facebook Fanpage (Tiếng anh):
3. Github:
4. Youtube channel:
5. Email: haryphamdev@gmail.com
Cần giải đáp thắc mắc (hỗ trợ), các bạn vui lòng comment bên dưới video hoặc inbox trực tiếp qua facebook cho mình.
ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ►
#fullstackDeveloper #khoaHocWebMienPhi #HoiDanIT
🌹Bạn nào muốn mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, hãy dùng MoMo quét mã QR tại link này nhé: https://me.momo.vn/hoidanit (lưu ý: tên người nhận là PHAM VAN TUAN)
Đây là video #11 trong series học và thực hành (miễn phí) để trở thành 1 fullstack web developer.
👉Xem Full Playlist này tại đây: https://www.youtube.com/watch?v=VvvXhNbFWKY&list=PLncHg6Kn2JT6E38Z3kit9Hnif1xC_9VqI&index=1
👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : https://www.facebook.com/groups/hoidanit
👉 Fanpage Facebook Tiếng Việt: https://www.facebook.com/askITwithERIC
👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤
👉Chanel khác của mình (Tiếng anh): https://www.youtube.com/channel/UCHqJxLo7mKam9GKqqwr2wfA
Em chào anh ạ, em có thắc mắc là nếu mình viết file scss thì bên file html không link được đến file đó thì khi hiển thị trên web ta làm sao có thể nhìn trực tiếp giao diện nó thay đổi như thế nào nhỉ?
cảm ơn anh rất nhiều bài học rất là bổ ích <3
em bị lỗi như này anh giúp em với ạ
C:Users 3524OneDrive Máy tính HoiDanIT custom.scss
ArgumentError: invalid byte sequence in UTF-8
Use-trace for backtrace.
Hình background bị nhoè thì mình phải khắc phụ nó như thế nào vậy anh ?
Dear bn,
Khi mình biên dịch file SCSS sang CSS bằng phần mềm Koala thì báo lỗi: ArgumentError: invalid byte sequence in UTF-8 Use –trace for backtrace, mình thử các hướng dẫn trên mạng nhưng vẫn chưa xử lý được. Nhờ bạn hỗ trợ giúp nhé.
tks anh
converter Not Found Error anh xem giúp em lỗi này với ạ
PS D:nodejs> npm start
> nodejs@1.0.0 start
> nodemon –exec babel-node src/server.js
[nodemon] 2.0.7
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): .
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `babel-node src/server.js`
'babel-node' is not recognized as an internal or external command,
operable program or batch file.
[nodemon] app crashed – waiting for file changes before starting…
em chạy tới này mà bị lổi á anh
Cám ơn anh ạ
Quá tiện (y)