강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Publishing

Bootcamp CSS3 tương tác web hiện đại [Phiên bản đầy đủ]

Giờ đây, bạn có thể trải nghiệm những bài giảng lập trình dễ dàng và thú vị của Young Coder Kim, một giảng viên nổi tiếng đang công tác với hơn 15 năm kinh nghiệm giảng dạy lập trình cho học sinh tiểu học, học sinh trung học chuyên ngành phần mềm IT, sinh viên đại học ngành khoa học máy tính và người tìm việc không chuyên, không chỉ trực tiếp mà còn trực tuyến. Ước mơ trở thành nhà phát triển của bạn sẽ sớm thành hiện thực nếu bạn đồng hành cùng Young Coder Kim, người đã đào tạo ra hơn 500 nhà phát triển front-end, back-end, full-stack và web!

(5.0) 2 đánh giá

14 học viên

  • youngcodikimssam
Html
CSS
웹 디자인
HTML/CSS
Web Design
Clone Coding
Mobile App Design

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

  • Nếu bạn chỉ mới có hứng thú với lập trình, hãy thử bắt đầu với phát triển web, một cách dễ dàng và thú vị nhất để nuôi dưỡng niềm đam mê của bạn.

  • CSS3 khoác áo cho cấu trúc HTML5.

  • Bạn có thể áp dụng CSS style, vốn là điểm nổi bật của việc tạo trang web.

  • Học cách sử dụng Emmet và thực hành lặp đi lặp lại để có thể code nhanh chóng bằng các phím tắt.

  • Tự tay tạo ra kiểu dáng và hiệu ứng động cho nhiều trang thực tế khác nhau.

  • Chúng ta hãy tạo một trang web nhân vật chuyển động bằng cách áp dụng hiệu ứng hoạt hình sprite cho nhân vật.

  • Thử nghiệm tạo ra một trang web tương tác bằng CSS3 mà không cần sử dụng Javascript.

  • Tìm hiểu khái niệm Flex và hiểu logic phản hồi thông qua nhiều bài tập thực hành khác nhau.

  • Từ những bước đi đầu tiên với CSS đến các ứng dụng web tương tác nâng cao bao gồm cả hoạt ảnh, hãy làm chủ hoàn toàn chỉ với một khóa học này.

  • Hãy hào hứng vượt qua bước thứ hai trên con đường trở thành nhà phát triển web nào!

  • Hãy học cách lưu trữ web để giới thiệu trang web của bạn ra thế giới và tải lên trang web bạn đã tạo.

HTML/CSS, thiết kế web, clone coding, thiết kế mobile, bootcamp hỗ trợ quốc gia, web tương tác, frontend, fullstack

Đây là khóa học lập trình CSS3 dễ hiểu và thú vị, chứa đựng toàn bộ kinh nghiệm của giảng viên ngôi sao Young Cody Kim - người đã cống hiến hơn 15 năm cho việc giảng dạy lập trình cho học sinh tiểu học, học sinh trung học phổ thông ngành CNTT Phần mềm, sinh viên ngành Khoa học Máy tính, và những người không chuyên ngành đang chuẩn bị xin việc.[ Đây là khóa học tổng hợp all-in-one bắt đầu từ những bước đi đầu tiên cơ bản của CSS cho đến các kỹ năng tạo web tương tác và animation nâng cao], hãy thành thạo hoàn hảo ngôn ngữ CSS🙂

📚Trong bootcamp [CSS3 Starter] dành cho người không chuyên, bạn sẽ học những điều này!

Sử dụng kỹ thuật sprites, thuộc tính sticky, v.v. để tạo website animation thực tế mikimottes có thanh điều hướng

Thiết kế web sử dụng kỹ thuật parallax web tạo cảm giác không gian lập thể

Sử dụng thư viện animate.css để dễ dàng áp dụng ngay lập tức các hiệu ứng động đa dạng cho trang web

Khi di chuột qua sản phẩm sẽ hiển thị mô tả về sản phẩm trong cửa hàng, đây là mẹo tạo cửa hàng thường được sử dụng nhiều trong các trang thương mại điện tử

Tạo thanh điều hướng động di chuyển đến menu mong muốn khi nhấp chuột

Tạo ra nhiều yếu tố khác nhau có hiệu ứng hoạt hình thú vị khi di chuột và nhấp chuột

Áp dụng các hiệu ứng chỉnh sửa đa dạng như blending mode và filter chỉ bằng code mà không cần sử dụng Photoshop

Sử dụng 2D, 3D transform để tạo web tương tác phản ứng với chuột

Hiểu nguyên lý tạo web responsive bằng cách sử dụng kỹ thuật Flex mới nhất và thực hành với các ví dụ đa dạng

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Fullstack, Java

Thầy Kim của Young Coder hiện đang liên tục đào tạo hơn 500 học viên tại bootcamp được hỗ trợ bởi chính phủ, bao gồm frontend designer, backend developer, web designer, fullstack developer và nhiều vị trí khác, đồng thời liên tục được xếp hạng cao trong danh sách 'Khóa học số 1 mà học viên muốn giới thiệu cho người quen'.

Xem đánh giá thực tế của học viên | https://greenart.co.kr/community/student_review

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Fullstack, Java

Thông qua lời giải thích dễ hiểu và thú vị cùng phương pháp ghi nhớ đặc trưng của thầy Kim - Youngcoder, ngay cả người mới bắt đầu cũng có thể phát triển từng bước và dần dần làm quen với phát triển web thực tế thông qua các dự án clone coding đa dạng.

Các bạn cũng hãy thử thách ước mơ trở thành lập trình viên thông qua khóa học tuyển dụng fullstack cho người không chuyên ngành bắt đầu từ cơ bản thật sự về thiết kế web, frontend, backend.HTML/CSS, frontend, thiết kế web, bootcamp hỗ trợ quốc gia, clone coding

풀스택 로드맵4

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Fullstack, Java

👀 Trong khóa học fullstack dành cho người không chuyên ngành, mỗi khóa học sẽ học những gì?

Trong khóa học fullstack dành cho người không chuyên ngành, mỗi khóa học sẽ dạy những gì?

STEP01 | Bootcamp [HTML Starter] dành cho người không chuyên[Click để chuyển đến khóa học]

Ý nghĩa của HTML và cách viết mã cơ bản cũng như tạo layout

Phát triển web giống như việc tạo ra một cửa hàng trực tuyến mà ai cũng có thể đến. HTML là viết tắt của Hyper Text Markup Language, bạn sẽ học cách tạo ra khung cơ bản bằng cách sử dụng những thông tin trở thành nội dung cốt lõi chính của trang web.


STEP02 | Bootcamp [CSS3 Tương tác Web Hiện đại] dành cho người không chuyên [Khóa học hiện tại]

Ý nghĩa của CSS và cách viết mã cơ bản từ đầu đến việc áp dụng style mong muốn vào html để thiết kế web

CSS là viết tắt của Cascading Style Sheet, trong đó Cascading là từ có nghĩa là phân cấp, giống như thác nước. CSS đúng như tên gọi, nó chọn lọc theo cấu trúc phân cấp mối quan hệ cha-con của HTML để áp dụng màu sắc, hình dạng, hoạt ảnh theo phong cách mong muốn cho các phần tử mong muốn, tạo ra và áp dụng các sheet giúp thiết kế web không nhàm chán mà thú vị và đẹp mắt cho người dùng. Ngoài ra, để tự tin với CSS, bạn sẽ tích lũy kinh nghiệm tạo ra nhiều thiết kế web đa dạng thông qua việc lặp đi lặp lại việc coding HTML/CSS với các thiết kế clone của các trang web thực tế, thiết kế mobile, thiết kế web khác nhau.


STEP03 | Bootcamp [Từ JS đến React] dành cho người không chuyên[Click để chuyển đến khóa học này]

Làm quen với vanilla script và cú pháp JavaScript ES6, sử dụng React

Bạn đã từng cảm thấy nản lòng khi học React chưa? Trong lớp học của thầy Kim, để học từng bước JavaScript - nền tảng của React, chúng ta sẽ bắt đầu từ vanilla script, cú pháp JavaScript ES6, jQuery và các cú pháp cơ bản khác thông qua nhiều ví dụ thực hành đa dạng để xây dựng nền tảng vững chắc cho script. Sau đó, thông qua việc hiểu và thực hành các cú pháp đa dạng của React, chúng ta sẽ triển khai bảng tin và chức năng thành viên sử dụng component, state, memoization, đồng thời học cú pháp TypeScript để tạo ra ví dụ thực hành ToDoList, v.v. Chúng tôi sẽ mở ra con đường đến với React mà không bỏ cuộc.


STEP04 | Bootcamp [Tạo Web Responsive] dành cho người không chuyên[Click để chuyển đến khóa học này]

Hiểu và nắm vững cách sử dụng @media query để tạo responsive web, đồng thời học và ứng dụng Bootstrap - framework giúp dễ dàng tạo responsive

Phân bổ hợp lý giữa lý thuyết và thực hành về cách sử dụng Bootstrap để phát triển trang web responsive có bố cục thay đổi theo thiết bị, hiểu các thành phần của Bootstrap, kiểm tra ngay lập tức thông qua thực hành và hoàn thành việc triển khai trang web responsive thực tế.

Ngoài ra, dành cho những ai muốn tạo ra trang web responsive với phong cách cá nhân độc đáo thay vì sử dụng style có sẵn của Bootstrap, chúng ta sẽ thực hành tạo ra các layout đa dạng cho từng thiết bị bằng cách sử dụng thuần túy html/css/jQuery mà không dùng Bootstrap, và làm chủ kỹ năng này thông qua việc tạo trang web responsive cho Hansot Dosirak.


STEP05-1 | Bootcamp [Cơ bản JAVA] dành cho người không chuyên ngành [Nhấp để chuyển đến khóa học tương ứng]

Bắt đầu từ việc hiểu và thực hành các ngữ pháp cơ bản nhất để làm quen với nền tảng Java và ngữ pháp trung cấp

Bạn sẽ học Java - ngôn ngữ cơ bản nhất của phát triển web backend, bắt đầu từ những cú pháp cơ bản nhất và dần dần tiến tới trình độ trung cấp. Thông qua các bài thực hành đa dạng, bạn sẽ tự nhiên có được khả năng tự mình lập trình những chương trình mong muốn.


STEP05-2 | Bootcamp [Từ cơ bản đến nâng cao JAVA] dành cho người không chuyên[Nhấp để chuyển đến khóa học này]

Hiểu và thực hành từ cơ bản đến ngữ pháp nâng cao của Java

Collection Framework của Java là một thư viện nội bộ tích hợp sẵn các lớp lưu trữ đúng như tên gọi collection - thu thập, tức là lưu trữ. Bằng cách học các cú pháp đa dạng có thể nhóm và quản lý, lưu trữ các kiểu dữ liệu khác nhau ở một nơi, và thực hành các ví dụ đa dạng từ cơ bản đến nâng cao của Java, chúng ta sẽ tạo nền tảng vững chắc cho việc phát triển web backend.


STEP05-3 | Bootcamp [Oracle SQL] dành cho người không chuyên[Nhấp để chuyển đến khóa học tương ứng]

Hiểu biết và Thực hành Database

Tạo bảng cơ sở dữ liệu (DB) và thực hành CRUD để đọc, ghi, sửa đổi, xóa dữ liệu trong db, qua đó học và thực hành cú pháp SQL để chuẩn bị sử dụng db khi đăng ký thành viên, đăng nhập hoặc viết bài trên diễn đàn.


STEP06 | Bootcamp cho người không chuyên ngành [Từ JSP đến SpringBoot] [Nhấp để chuyển đến khóa học này]

Từ JSP đến Spring Boot

Bạn có từng trải qua việc học Spring Boot - framework được sử dụng nhiều nhất trong thực tế hiện nay - rồi cảm thấy nản lòng không?

Trong lớp học của thầy Kim, để hiểu hoàn hảo về Spring Boot, chúng ta sẽ bắt đầu học từ cú pháp cơ bản nhất là JSP, trực tiếp cảm nhận sự tiến hóa của cú pháp backend từ thế hệ trước đến thế hệ hiện tại, tự nhiên nắm vững các khái niệm và cách sử dụng, đồng thời hiểu được nguyên lý hoạt động của Spring Boot - framework tự động triển khai backend cho phát triển web.

Nắm vững hoàn hảo các kiến thức cơ bản để tạo portfolio thông qua việc thực hành các khái niệm cơ bản và ứng dụng của ORM, JPA, entity, hiểu biết về Spring Security và triển khai chức năng thành viên sử dụng security, thực hành junit test và cách sử dụng h2 console, từ đó sử dụng Spring Boot để xây dựng website thực tế có chức năng thành viên và bảng tin, cho đến việc hợp tác qua GitHub.


STEP07 | Xây dựng dịch vụ web cho triển khai thực tế [Từ hosting đến AWS]

[Nhấp để chuyển đến khóa học tương ứng]

Hoàn thiện dịch vụ web với hosting và triển khai AWS

Bạn có từng trải qua cảm giác bức bối khi dự án mình phát triển chỉ chạy được trong máy tính của mình mà không thể triển khai thành dịch vụ thực tế không?

Trong lớp học của thầy Kim, chúng ta không chỉ dừng lại ở việc viết code đơn thuần mà còn học tập theo từng bước toàn bộ quá trình từ web hosting sử dụng Dothome đến triển khai dự án trên GIT, AWS EC2.

Kết nối tên miền, tải lên FTP, triển khai thông qua GitHub, đóng gói jar, cấu hình máy chủ, chỉ định đường dẫn tải lên hình ảnh, thực thi không gián đoạn bằng nohup - bạn có thể nắm vững toàn bộ quy trình triển khai cần thiết trong thực tế.

Thông qua quá trình này, bạn sẽ tích lũy được kinh nghiệm thực sự công bố website mình tạo ra với thế giới, đồng thời có được sự tự tin như một developernăng lực vận hành dịch vụ thực tế.

#java #java #hỗtrợhọcphí #bootcamp #springboot #springboot #frontend #backend #fullstack #fullstackdeveloper #jsp #react #react #frontend #backend #fullstack #html #css #css3 #bàigiảngcoding #lớphọccoding #cơbảncoding #trungkiệncoding #họccoding #javascript #javascript #khóahọccodingonline #giáodụccoding #interactive #webinteractive #spring #spring #developer #việclàmdeveloper #aws #db #cơsởdữliệu #jdbc #oracle #oracle #sql #jpa #thread #threads #thread #serialization #deserialization #kếthừa #đathái #method #overloading #overriding #class #phéptoán #eclipse #eclipse #domtree #jquery #plugin #object #thựchànhobject #tạoobject #object #object #modalwindow #modal #modal #es6 #documentobjectmodel #js #javascripttutorial #javascriptexamples #interactiveweb #interactive #tạonavigation #gnb #position #weblayout #layout #form #formtag #emmet #emmet

Những điều cần lưu ý trước khi học

Tài liệu học tập

  • Tổng số bài giảng là 77 bài, thời lượng 25 giờ 4 phút.

  • Bạn có thể tải xuống các hình ảnh được sử dụng trong bài học, tệp hoàn thành và tài liệu PDF để sử dụng trong thực hành.
    (Các tệp này là tệp giáo dục chỉ có thể được sử dụng cho mục đích thực hành cá nhân và không được phân phối trái phép.)

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

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

  • Bất kỳ ai, từ học sinh tiểu học, trung học cơ sở, trung học phổ thông, sinh viên đại học đến người lớn mới bắt đầu làm quen với lập trình.

  • Em là sinh viên không chuyên nhưng đang học phát triển web và muốn tìm việc làm với tư cách là nhà phát triển frontend, backend hoặc fullstack.

  • Đừng học những bài giảng ngắn chỉ đề cập đến vài ví dụ nữa! Tôi muốn làm chủ mọi thứ từ lý thuyết cơ bản, trung cấp, nâng cao của CSS đến các bài thực hành đa dạng chỉ trong một khóa học!

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

  • Chỉ cần biết kiến thức HTML cơ bản là ai cũng có thể dễ dàng bắt đầu!

  • Nếu bạn mới bắt đầu làm quen với lập trình, hãy học trước STEP01 [Khóa học HTML khởi đầu của Kim Seam].

  • Nếu bạn có sự quan tâm và đam mê với lập trình, lớp học sẽ trở nên thú vị hơn nhiều.

  • Nếu bạn đã từng thất bại khi tự học code, thì lần này chúng tôi sẽ giúp bạn code một cách vui vẻ mà không bỏ cuộc.

Xin chào
Đây là

337

Học viên

23

Đánh giá

18

Trả lời

5.0

Xếp hạng

19

Các khóa học

👩 이 강의를 만든 사람

[ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택(백엔드, 프론트엔드) 및 영상, 코딩, 디자인, 빅데이터, 머신러닝 등을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사


🎖 경력사항

[컴퓨터 1도 모르는 사람이 부업으로 월100만원 수입내보기 첫걸음] 의 저자

NCS 국가직무능력강의 고용노동부 평가 A등급 강사선정

그린컴퓨터아카데미수원 우수강사선정(2017, 2018, 2019 3년연속 최우수1등상 수상)

전) 삼성ODD 기획 개발팀 담당

가톨릭대학교 컴퓨터공학부 특강

용인송담대학 멀티미디어학부 특강 및 다수


🚵 자격사항

직업능력훈련교사[정보기술개발] 고용노동부

직업능력훈련교사[정보기술운영] 고용노동부

직업능력훈련교사[정보기술전략·계획] 고용노동부

직업능력훈련교사[인공지능] 고용노동부

직업능력훈련교사[실감형콘텐츠제작] 고용노동부

직업능력훈련교사[문화콘텐츠제작] 고용노동부

직업능력훈련교사[멀티미디어] 고용노동부

직업능력훈련교사[일반사무] 고용노동부

직업능력훈련교사[총무] 고용노동부

직업능력훈련교사[디자인] 고용노동부

직업능력훈련교사[영상제작 ] 고용노동부

직업능력훈련교사[인쇄] 고용노동부

직업능력훈련교사[출판] 고용노동부

빅데이터전문가1급 한국직업능력진흥원

정보처리기사 한국산업인력공단

사무자동화산업기사 한국산업인력공단

컴퓨터활용능력 2급 대한상공회의소

ITQ OA 마스터 한국생산성본부

워드프로세서 1급 대한상공회의소

멀티미디어콘텐츠제작전문가 한국콘텐츠진흥원

시각디자인산업기사 한국산업인력공단

컴퓨터그래픽스운용기능사 한국산업인력공단

웹디자인기능사 한국산업인력공단

GTO 포토샵 1급 글로벌공인자격검정원

GTO 일러 1급 글로벌공인자격검정원


👩‍🏫 현) 그린컴퓨터아카데미 직업능력훈련교사 재직중

담당과정) 정보기술개발/프론트엔드/백엔드/풀스택/자바 웹개발/UIUX엔지니어링/빅데이터플랫폼구축/빅데이터시스템개발/ 프로그래밍언어/파이썬/자바/빅데이터분석/ 빅데이터전문가/프로그래밍언어/콘텐츠기획


  인프런의 부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 약 10만명 구독을 기념으로 그동안 추가 강의에 대한 많은 요청을 DM으로 받아 풀스택 강의를 최신버전으로 기획 제작 및 업로드 중입니다. 여러분의 많은 관심과 따뜻한 댓글은 영코디 킴쌤의 강의제작에 큰 원동력이 됩니다.

 

느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.

 

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

Tất cả

78 bài giảng ∙ (25giờ 42phú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ả

2 đánh giá

5.0

2 đánh giá

  • mimipusher84님의 프로필 이미지
    mimipusher84

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    절친이 개발자로 취업하고 싶어서 영코디 킴쌤강의를 들으러 여기 대구에서 수원까지 가서 자취를 하며 6개월을 공부하더니 포폴을 만들고 바로 취업을 하더군요 저도 완전 자극을 받아서 이직을 준비할까 엄청 망설이고 있었는데 마침 이제 온라인에서도 킴쌤강의를 이 가격에 들을 수 있다고!! 이 얘길 듣고 정말 고민없이 바로 신청했습니다. 부산, 여수, 강원도 등등 각지에서 가서 듣는다더니 와 왜그런지 알 것 같네요...저는 코딩을 처음 접하는데 정말 쉽고 재미있게 알려주시네요. 예제도 다양해서 열심히 들으며 코딩하고 확인하고..재미있게 공부하고 있습니다. 자신감이 조금씩 붙는 것 같습니다. step3 js강의도 열정적으로 고고 하려고 합니다. 자바 강의도 빨리 올려주시면 감사드리겠습니다~!!

    • pcdo.omco님의 프로필 이미지
      pcdo.omco

      Đánh giá 15

      Đánh giá trung bình 5.0

      5

      22% đã tham gia

      잘듣겠습니다!

      • 영코디 킴쌤
        Giảng viên

        감사합니다. 50%이상 수강하셔서 요청하신대로 수강기간 1년 연장해 드렸습니다. 앞으로도 파이팅입니다 :)

    3.227.351 ₫

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

    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!