강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Publishing

Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

(5.0) 1 đánh giá

32 học viên

  • jeong4726
인스타그램
클론코딩
HTML/CSS
JavaScript
Clone Coding

Dịch cái này sang tiếng Việt

  • cài đặt vscode, cài đặt tiện ích mở rộng bắt buộc

  • Quy tắc CSS BEM

  • Tạo cài đặt ban đầu, thư mục và cấu trúc tệp bằng reset.css

  • Tối ưu hóa cho thiết bị di động, máy tính bảng và PC bằng truy vấn phương tiện

  • Sắp xếp bằng flexbox

  • Sử dụng (vị trí, chuyển tiếp, biến đổi (chức năng dịch))

  • Bố cục màn hình sử dụng lưới

  • Triển khai tìm kiếm, thông báo và xem hoạt ảnh

  • Triển khai băng chuyền web và băng chuyền cảm ứng trên thiết bị di động bằng cách sử dụng javascript thuần túy

  • Sử dụng ngữ pháp cơ bản của JavaScript (biến, hàm, câu lệnh điều kiện, vòng lặp (for, forEach, while), mảng, đối tượng, chuỗi tùy chọn, hàm mũi tên, ủy quyền sự kiện (chụp, sủi bọt))

  • Kết xuất bằng cách sử dụng thao tác DOM javasript ( createElement,appendChild, parentNode, Removechild, querySelector, querySelectorAll, getElementById, Children, getAttribution, setAttribution, classList.add, classList.contains, classList.toggle ... )

  • Triển khai lọc danh mục bằng cách sử dụng javascript thuần túy

  • Viết, bình luận, chia sẻ cửa sổ phương thức, thực hiện xử lý mờ

  • Thực hiện tải lên hình ảnh, phát lại video và tắt tiếng video

  • Triển khai navBar (sidebar, top, top bar), tối ưu thanh điều hướng cho web mobile

  • Triển khai các trang đăng nhập, đăng ký, trang chủ, phát hành, điều hướng, tin nhắn và hồ sơ

  • Thực hiện đánh dấu và thích

  • Áp dụng các biểu tượng bằng Font Awesome

  • Tách các thành phần chung

  • Phân phối bằng cách sử dụng trang github

Các chức năng được thực hiện bằng cách tham gia khóa học này

đăng nhập

Xem thêm hình ảnh động

tham gia thành viên

Tìm kiếm, Báo động

tin nhắn

Vòng quay ngựa gỗ

Cuộn phim

Danh sách thẻ

Phương thức chia sẻ

Được rồi, đánh dấu trang

Bình luận modal

Modul tạo bài đăng

Khám phá Trang

Lọc hồ sơ

Đây là bài giảng thứ ba sau các bài giảng về ngữ pháp HTML, CSS và JS, một bài giảng về kiến thức CNTT cơ bản dành cho 99% công chúng !

Bài giảng này dành cho những ai muốn tạo dịch vụ web bằng HTML, CSS và JS .

Trước khi tham gia khóa học này , tốt hơn hết bạn nên tham gia khóa học Cơ bản về CNTT dành cho 99% công chúng để hiểu rõ hơn, nhưng bạn vẫn có thể tham gia khóa học ngay cả khi chưa từng tham gia.

>> Nhấp vào đây để nghe khóa học cơ bản về CNTT miễn phí dành cho công chúng (99%)

Tuy nhiên, trước khi tham gia khóa học này, bạn phải có kiến thức cơ bản về HTML, CSS và JS để hiểu được nó.

-> Nhấp vào đây để thoát khỏi HTML, CSS và JS dành cho người mới bắt đầu miễn phí

Bài giảng này phản ánh kinh nghiệm làm việc của tôi!

Cuốn sách này chứa đựng những kiến thức tôi đã học được qua quá trình thử nghiệm và sai sót. Nó được thiết kế dành cho những ai muốn sử dụng HTML, CSS và JS.

Hình ảnh và video của bài giảng này là

https://picsum.photos

https://pravatar.cc

https://fontawesome.com/search?q=card&o=r&m=free

https://unsplash.com/ko

https://pixabay.com/ko/

Nhìn thấy .

Tài liệu và mã nguồn cần thiết cho khóa học được đính kèm dưới dạng tài liệu bài giảng trong bài giảng đầu tiên và giữa các phần.

Cảm ơn bạn đã đọc bài viết dài này. Chúc bạn một ngày tuyệt vời.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất cứ ai muốn tạo ra một dịch vụ

  • Bất cứ ai quan tâm đến phát triển web và ứng dụng

  • Những người muốn tạo một dịch vụ chỉ sử dụng HTML, CSS và Javascript thuần túy mà không cần sử dụng thư viện hoặc khung

Cần biết trước khi bắt đầu?

  • html

  • css

  • javascript

Xin chào
Đây là

8,063

Học viên

159

Đánh giá

4

Trả lời

4.5

Xếp hạng

9

Các khóa học

수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.

많은 수강 바래요.

 

 [현업개발 이력] 
2019.03.02 ~ 현재 개발

 

[학력]

경희대학교 전자공학과 졸업 ( 학사 )

Chương trình giảng dạy

Tất cả

91 bài giảng ∙ (12giờ 57phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • 이종운님의 프로필 이미지
    이종운

    Đánh giá 35

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    자바스크립트랑 html css 배워놓고 비디오랑 슬라이드 반응형 만들지 몰라서 막막했는데 강의덕분에 어떻게 해야하는지 알게되서 감사합니다

    627.778 ₫

    Khóa học khác của jeong4726

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!