Advanced HTML5 and CSS3
Advanced HTML5 and CSS3 is a 18-hour training course by IT Genius Institute. หลักสูตรนี้จะเจาะลึกการใช้งาน HTML5 และ CSS3 ในขั้นสูง ผู้เรียนจะต้องมีความเข้าใจในการเขียน JavaScript หรือ jQuery มาแล้วหรือผ่านการอบรมในหลักสูตร Essential…
Training schedule
No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.
Objectives
- Changes to existing HTML features
- HTML5 forms
- How to include audio and video
- CSS3 for style, color and opacity
- CSS3 shadows, gradients and round corners
- Animation and transitions with CSS3
- HTML5 page structure
- Web fonts
- Media Queries to target mobile devices
- Offline Websites
Who this course is for
- ผู้ที่ต้องการพัฒนา Application ด้วย HTML5 และ CSS3 ขั้นสูงเพื่อประยุกต์ใช้งาน
- IT Managers
- Developers
- กลุ่มผู้สนใจทั่วไป
Prerequisites
- เข้าใจพื้นฐาน HTML5 และ CSS3 พอสมควร
- เข้าใจหลักการติดตั้งและถอนการติดตั้งโปรแกรมพื้นฐาน
- ใช้งานอินเตอร์เน็ตและระบบปฏิบัติการวินโดว์ได้
Curriculum
Day 1
1. Custom Media Controls
- HTML5 Media Basics
- Customizing The Controls
- Tracking Playback
- Moving The Playback Position
- Volume Controls
- Lab - Adding Play/Pause
2. Offline Applications
- โครงสร้างของ Offline Application
- Caching types
- Progression of Events
3. Geolocation
- แนะนำการใช้ Geolocation
- การกำหนด Options ต่างๆ
- การแสดงตำแหน่งปัจจุบัน
4. CSS3
- Intro To CSS3
- Using Prefixes For Specific Browsers
- CSS3 Colours And Backgrounds
- CSS3 Gradients
- CSS3 Borders
- CSS3 Image Borders
- Text Effects
- Adding Your Own Web Fonts
- Lab - Adding New CSS3 Styles
Day 2
5. Web storage
- การใช้งาน Web storage
- การสร้าง Task list ด้วย Web storage
- Handling the Storage Event
- Access Methods
6. HTML5 Canvas
- HTML5 Canvas Graphics
- Fills And Strokes
- Creating Paths
- Rounded Corners
- Arcs And Circles
- Drawing Curves
- Gradients Fills
- Pattern Fills And Shadows
- Canvas Text
- Lab - Adding Canvas Graphics - Part 1
- Lab - Adding Canvas Graphics - Part 2
7. Web worker
- การใช้งาน Web worker
- การประยุกต์ใช้ Ajax กับ Web worker
- ontrolling Web workers
8. Transforms And Animation
- CSS3 Transforms
- CSS3 Transitions
- CSS3 Animation
- Canvas Transforms
- Canvas Animations
- Lab - Create Photo Frames For Images
9. Web sockets
- Web sockets and communication formats
- Web sockets vs HTTP
- Architecture Context
Day 3
10. Microdata
- การใช้งาน Microdata
- Data Vocabulary
- Vocabulary Anatomy
11. Mobile Apps
- Mobile App Web Storage
- Web Storage with Numbers
- Media Queries
- JavaScript Arrays
- Lab - Add Places
- Lab - Show Places
12. Responsive web Design
- รู้จัก Responsive design
- เรียนรู้หลักการออกแบบพื้นฐานแบบ Responsive design ด้วย CSS3
- การประยุกต์ใช้งาน html5 and css3 ในการออกแบบเว็บที่หลากหลายหน้าจอแสดงผล
13. Live Workshop
- ฝึกออกแบบการใช้งาน CSS3 Animation จาก Workshop งานจริงที่น่าสนใจ
- ฝึกออกแบบเว็บเพจแบบ Responsive
- ออกแบบเว็บ Application สำหรับทุกหน้าจอด้วย HTML5 and CSS3
Frequently asked questions
Who is Advanced HTML5 and CSS3 for, and what background is needed?
Built for ผู้ที่ต้องการพัฒนา Application ด้วย HTML5 และ CSS3 ขั้นสูงเพื่อประยุกต์ใช้งาน · IT Managers · Developers Background you should have: เข้าใจพื้นฐาน HTML5 และ CSS3 พอสมควร · เข้าใจหลักการติดตั้งและถอนการติดตั้งโปรแกรมพื้นฐาน Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.
How much does Advanced HTML5 and CSS3 cost and how long does it run?
THB 5,900. The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.
Do I get a certificate?
Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.
Where does the training take place, and is there an online option?
You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.
What if I fall behind or miss a session — can I retake it?
Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.
How do I enrol, or request a quotation for my company?
Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.
Instructors
Run this course for your whole team
We run this course in-house, tailored to your stack.
Corporate training quote