Xin chào các bạn đã đến với video đầu tiên của series hướng dẫn cắt psd sang html toàn tập của mình. Trong video này chúng ta sẽ làm các thiết lập dự án cơ bản như tạo folder và các file html, css và cũng như là tìm hiểu cách cài đặt và sử dụng SCSS cơ bản.
Đồng thời mình hướng dẫn thêm cho các bạn cài đặt một số Plugins cần thiết cho Vscode, vài thiết lập CSS cơ bản như đơn vị rem, box-sizing, css reset…Đừng quên like và subscribe cho kênh mình đạt 5000 subscribers nha 🥰
👉Đừng quên tham khảo khoá học HTML CSS cơ bản tới nâng cao của mình nha:
👉File design:
Link:
Copyright: The Playground Landing Page by Shahriar Ahmed
👉Kết nối với mình
Fanpage:
Facebook:
Blog:
Tham gia nhóm Facebook của mình nha:
👉 Công cụ, tài nguyên
– Theme: Dracula Official
– Font chữ: JetBrains Mono, 16px
– Packages: Prettier, Material Icon, Highlight Matching Tag, Bracket Pair Colorizer, HTML Snippets, Live Server.
– Extension: Eye Dropper color picker Chrome Extension
extension chữ dài quá nó xuống dòng là extension nào vậy a
a ơi, đôi khi gõ thêm các css của ta trong file style.scss nó cứ hiện cửa sổ terminal lên, của a thì ko thấy hiện, e tắt X đi rồi thỉnh thoảng nó cứ hiện ý, e cần cài đặt ở chỗ nào a nhỉ?
a ơi, e tải ảnh ở link kia về rồi cho vào pts ko dc, nó báo lỗi, hic
24:03 dòng 8 có thêm
webkitlà sao vậy mọi ngườiCho em hỏi mới học HTML/CSS thì có làm theo kiểu Scss này được không ạ?
nói cái này thì hơi xấu hổ nhưng e học cao đẳng, thời gian đào tạo ngắn. Em tự học htm, css trên youtube và một số trang web khác thì vô tình biết đến kênh của anh. Hiện tại, e đang thực tập và người ta giao việc có phần .psd là gì, lúc đầu e nghĩ nó cũng như pdf đồ thôi, cái e coi clip thấy có chữ psd e mới nhớ ra từ đó giờ mình làm sai và còn nhìu thứ không biết. Nhờ clip này của a, e mới biết đến nó. Tks a
em npm scss sang css mà nó hiện lỗi này: "sass : File C:UsersPCAppDataRoamingnpmsass.ps1 cannot be loaded because running scripts is disabled on this system." Add giúp em với ạ
anh ơi, em không xem được font chữ trong photoshop thì phải làm như nào ạ
Khóa này có cần javascript k anh ơi e nên học javascript hay học cái này để quen tay đã a
2:32 dòng meta thứ 3 ý nghĩa của nó là gì vậy anh?
cám ơn anh đã chia sẻ những kiến thức hữu ích như thế này <3
Mấy cái bản thiết kế đẹp như này tìm ở đâu vậy ông
chơi ngu rồi! làm theo video thử áp dụng vào file css đã làm. Gõ sass style.scss style.css –watch cái mất hết dữ liệu file style.css cũ rồi, giờ phải làm sao 🙁
em thưa anh, code xấu nhưng mà ra giao diện như ý thì có chấp nhận được không ạ hay phải học thêm rồi mới đi cắt giao diện
hay quá hướng dẫn tận tình nữa
anh fix giúp em với . em nhập như anh mà nó ra khác 🙁
PS F:> node -v
v14.16.1
PS F:> npm install -g sass
C:UsersAdminAppDataRoamingnpmsass -> C:UsersAdminAppDataRoamingnpmnode_modulessasssass.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modulessassnode_moduleschokidarnode_modulesfsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})
+ sass@1.32.12
updated 1 package in 3.256s
PS F:>
(mong anh trả lời ạ )
Anh cho em hỏi extension nào khi dòng của mình dài quá thì tự ngắt xuống dòng như trong clip vậy ạ
Hay
dạ cho e hỏi chỗ lệnh : sass style.scss style.css –watch của e nó báo lỗi : Error reading style.scss: no such file or directory. thì fix sao anh. Mong a rep.
Hay quá a ơi
làm sao để cmt tag giống anh trong video vậy
e mong anh có thể ra 1 bài cắt psd nữa để có thể học thêm kinh nghiệm từ anh. em cảm ơn nhiều
app này là gì vậy anh ơi.
thanks anh nha
keep it up
<3 <3 <3
Góp ý là a nên làm một thứ trong một video thôi cho đỡ loãng