Master HTML5 dan CSS3

Master HTML5 dan CSS3

Price:

Course Features

  • Course Duration: 32 Jam
  • Category:
  • Students: 0
  • Certificate: Yes
  • Location: Uarnix Studio Bogor
  • Language: Indonesia
  • Lesson: 61
  • Viewers: 19
  • Prerequisites: No
  • Skill Level: Beginner
  • Course Capacity: 50
  • Start Course:

Descriptions

COURSE DESCRIPTION

Master HTML5 dan CSS3 akan membuat situs web yang kita buat menjadi lebih indah dan enak dipandang bahkan terlihat hebat saat kita membukanya di ponsel. Jika kamu pernah mengikuti kursus HTML5 dan CSS3 tetapi masih bingung dalam mempraktikannya, maka kursus ini yang kamu cari!

Beberapa hal yang dapat menjadi pertimbangan kamu untuk mengambil kursus Master HTML5 dan CSS3:

  1. Kursus Master HTML5 dan CSS3 sepenuhnya berbasis proyek, Kami meyakini bahwa semakin banyak praktik akan membuat peserta didik semakin ahli dalam bidangnya. Kami menyusun kode landing page yang indah dan responsif untuk perusahaan fiksi yang dibuat hanya sebagai contoh materi kursus. Mulai dari awal, kamu akan belajar lebih banyak fitur HTML5 dan CSS3 dari pemula hingga menjadi ahli. HTML5 dan CSS3 merupakan teknologi web terbaru yang digunakan pada hampir setiap situs web di dunia. Kami juga menambahkan beberapa jQuery sebagai campuran pada web. Proyek besar yang kami buat untuk kursus ini akan memandu kamu dalam membuat situs web HTML5 dan CSS3 di dunia nyata. Sehingga akan memungkinkan kamu membuat situs web apa pun yang dapat kamu bayangkan, DARI AWAL.
  2. Kamu tidak hanya belajar cara membuat kode pada kursus ini. Mengkode merupakan hal yang bagus namun akan percuma jika kamu tidak mengerti apa yang kamu ketik. Itu sebabnya kami membuat susunan proses membangun dan launching proyek situs web mulai dari perancangan, pengkodean, perencanaan, penulisan kode yang bersih dan terorganisir, pengoptimalan situs web, praktik terbaik dan masih banyak lagi yang lainnya.
  3. Tujuan kursus Master HTML5 dan CSS3 adalah kamu sudah siap meluncurkan web yang kamu buat sendiri ke internet. Jika kamu menyelesaikan kursus ini dengan baik, artinya kamu akan memiliki sebuah situs web yang siap diluncurkan dan dapat tampil di berbagai platform seperti komputer, tablet, ponsel atau gadget lainnya. Kamu juga dapat memiliki seluruh kode dan semua aset belajar yang sudah kami rancang untuk kursus ini sebagai unduhan gratis.
  4. Dibimbing langsung oleh founder Stisla. Stisla merupakan admin template yang sudah sangat terkenal di dunia karena memiliki tampilan UI/UX yang sangat nyaman. Diunduh ratusan ribu kali dari berbagai belahan dunia membuktikan bahwa Stisla merupakan admin template yang bagus untuk digunakan. Jika bukan oleh ahlinya, kemana lagi kamu akan belajar materi ini?

CERTIFICATION

Kemampuan/skill memang suatu hal yang wajib kita miliki. Selain itu, untuk menunjang kepercayaan kamu harus menyertakan sertifikasi skill tersebut sebagai buktinya.

Setelah mengikuti kursus ini, kamu akan mendapatkan sertifikat kelulusan yang berisi daftar materi dan nilai hasil dari ujian.

PREREQUISITES

Kamu tidak perlu memiliki syarat khusus untuk mengikuti kursus ini.

FACILITY

  • Modul materi dalam bentuk hardcopy atau softcopy
  • Certificate of course completion
  • Training kit
  • Makan siang dan coffee break dua kali
  • Belajar di Uarnix Studio Bogor

EVENT

  • Weekday:
    • Hari Senin – Kamis
    • Pukul 09.00 – 17.00 WIB
    • Total durasi belajar 32 jam
  • Weekend:
    • 4 x Sabtu
    • Pukul 09.00 – 17.00 WIB
    • Total durasi belajar 32 jam

MATERIAL

  • Membuat web yang udah diikuti langsung dengan HTML5 dan CSS3 serta beberapa tambahan jQuery.
  • Langkah-langkah dunia nyata yang telah terbukti dari awal lengkap untuk membuat situs web yang berfungsi penuh dan optimal.
  • Tips membuat desain web dan menjadikan situs web kamu lebih menonjol dari banyaknya situs web lainnya.
  • Cara mendapatkan dan menggunakan gambar, font, dan ikon untuk membuat situs web kamu.
  • Desain web responsif, berfungsi untuk membuat tampilan web bekerja dengan baik pada semua ukuran layar.
  • Cara menggunakan jQuery untuk efek yang sangat keren seperti animasi, efek gulir dan navigasi “kaku”.
  • Cara mengoptimalkan situs web kamu menjadi lebih cepat dan dapat dikenali oleh mesin pencari (SEO).
  • Cara meluncurkan situs web kamu di internet agar semua orang dapat melihatnya.

Our Main Teachers

Lessons

Course introduction

  • Lesson 1.1
    Intro: Let's Start

What is HTML?

  • Lesson 2.1
    The structure of an HTML document
  • Lesson 2.2
    Starting to fill the structure
  • Lesson 2.3
    Images and attributes
  • Lesson 2.4
    One more thing: links

Formatting with CSS

  • Lesson 3.1
    Getting started with CSS
  • Lesson 3.2
    Starting to make our webpage pretty: text
  • Lesson 3.3
    Colors
  • Lesson 3.4
    Classes and ID's
  • Lesson 3.5
    The CSS box model
  • Lesson 3.6
    Building a simple layout
  • Lesson 3.7
    Polishing our blog post
  • Lesson 3.8
    Relative vs. Absolute
  • Lesson 3.9
    Getting started with the Chrome Developer Tools

Web design basics

  • Lesson 4.1
    Introduction to web design
  • Lesson 4.2
    Beautiful typography
  • Lesson 4.3
    Using colors like a pro
  • Lesson 4.4
    The meaning of colors in web design
  • Lesson 4.5
    Working with images
  • Lesson 4.6
    Working with icons
  • Lesson 4.7
    Spacing and layout
  • Lesson 4.8
    Introduction to user experience
  • Lesson 4.9
    Getting inspired: the secret ingredient for stunning web design
  • Lesson 4.10
    Wrapping up what we've learned in this section
  • Lesson 4.11
    The ultimate cheatsheet: all web design guidelines in one place

The killer website project

  • Lesson 5.1
    The 7 real-world steps to a fully functional website
  • Lesson 5.2
    First development steps
  • Lesson 5.3
    Setting up the fluid grid for responsive web design
  • Lesson 5.4
    Building the header – Part 1
  • Lesson 5.5
    Building the header – Part 2
  • Lesson 5.6
    Building the header – Part 3
  • Lesson 5.7
    Building the features section – Part 1
  • Lesson 5.8
    Building the features section – Part 2
  • Lesson 5.9
    Building the favorite meals section – Part 1
  • Lesson 5.10
    Building the favorite meals section – Part 2
  • Lesson 5.11
    Building the how-it-works section – Part 1
  • Lesson 5.12
    Building the how-it-works section – Part 2
  • Lesson 5.13
    Building the cities section – Part 1
  • Lesson 5.14
    Building the cities section – Part 2
  • Lesson 5.15
    Building the customer testimonials section – Part 1
  • Lesson 5.16
    Building the customer testimonials section – Part 2
  • Lesson 5.17
    Building the sign-up section – Part 1
  • Lesson 5.18
    Building the sign-up section – Part 2
  • Lesson 5.19
    Building the contact form form – Part 1
  • Lesson 5.20
    Building the contact form form – Part 2
  • Lesson 5.21
    Building the footer – Part 1
  • Lesson 5.22
    Building the footer – Part 2

Responsive web design with media queries

  • Lesson 6.1
    Making the webpage responsive – Part 1
  • Lesson 6.2
    Making the webpage responsive – Part 2
  • Lesson 6.3
    A note about web browsers

Let's add some cool effects

  • Lesson 7.1
    Introduction to jQuery
  • Lesson 7.2
    Building a “sticky” navigation – Part 1
  • Lesson 7.3
    Building a “sticky” navigation – Part 2
  • Lesson 7.4
    Scrolling to elements
  • Lesson 7.5
    Adding animations on scroll
  • Lesson 7.6
    Making the navigation responsive

Optimizing and launching our website

  • Lesson 8.1
    Final touch: creating a favicon
  • Lesson 8.2
    Performance optimization: site speed
  • Lesson 8.3
    Basic search engine optimization (SEO)
  • Lesson 8.4
    Let’s launch our webpage!
  • Lesson 8.5
    Google Analytics