Lewati ke konten utama

pelatihan.orgBelajar. Praktik. Berkembang.

pelatihan.org

Belajar web development dengan peta materi yang jelas, latihan kode, dan kuis yang langsung memberi umpan balik.

Katalog Masuk Langganan

Kursus How To Online: 328 Lesson + Kuis — pelatihan.org

Beranda/Katalog/How To

How ToSemua level

How To

Belajar How To online lewat 328 lesson terstruktur, contoh kode, dan 1640 soal kuis.

328 lesson 13 bab 1640 soal

Kurikulum

13 bab · 328 lesson

Lihat kurikulum lengkap

Klik lesson untuk melihat ringkasan dan poin kunci gratis.

01

HOW TO

1 lesson

02

Menus

55 lesson

01Icon Bar 02Menu Icon 03

Langganan semua course

Rp 50.000 / 30 hari

Akses semua course, lesson, dan kuis. Progress otomatis tersimpan.

Masuk untuk mulai

328 lesson materi

1640 soal

Akses semua 47 course

Perpanjang kapan saja

Accordion

05Vertical Tabs

07Full Page Tabs

09Top Navigation

10Responsive Topnav

11Split Navigation

12Navbar with Icons

15Fixed Sidebar

16Side Navigation

17Responsive Sidebar

18Fullscreen Navigation

19Off-Canvas Menu

20Hover Sidenav Buttons

21Sidebar with Icons

22Horizontal Scroll Menu

23Vertical Menu

24Bottom Navigation

25Responsive Bottom Nav

26Bottom Border Nav Links

27Right Aligned Menu Links

28Centered Menu Link

29Equal Width Menu Links

31Slide Down Bar on Scroll

32Hide Navbar on Scroll

33Shrink Navbar on Scroll

34Sticky Navbar

35Navbar on Image

36Hover Dropdowns

37Click Dropdowns

38Cascading Dropdown

39Dropdown in Topnav

40Dropdown in Sidenav

41Resp Navbar Dropdown

42Subnavigation Menu

47Collapsed Sidebar

48Collapsed Sidepanel

52Vertical Button Group

53Sticky Social Bar

54Pill Navigation

55Responsive Header

03

Images

41 lesson

01Slideshow 02Slideshow Gallery 03Modal Images 04Lightbox 05Responsive Image Grid 06Image Grid 07Image Gallery 08Scrollable Image Gallery 09Tab Gallery 10Image Overlay Fade 11Image Overlay Slide 12Image Overlay Zoom 13Image Overlay Title 14Image Overlay Icon 15Image Effects 16Black and White Image 17Image Text 18Image Text Blocks 19Transparent Image Text 20Full Page Image 21Form on Image 22Hero Image 23Blur Background Image 24Change Bg on Scroll 25Side-by-Side Images 26Rounded Images 27Avatar Images 28Responsive Images 29Center Images 30Thumbnails 31Border Around Image 32Meet the Team 33Sticky Image 34Flip an Image 35Shake an Image 36Portfolio Gallery 37Portfolio with Filtering 38Image Zoom 39Image Magnifier Glass 40Image Comparison Slider 41Favicon

04

Buttons

19 lesson

01Alert Buttons 02Outline Buttons 03Split Buttons 04Animated Buttons 05Fading Buttons 06Button on Image 07Social Media Buttons 08Read More Read Less 09Loading Buttons 10Download Buttons 11Pill Buttons 12Notification Button 13Icon Buttons 14Next/prev Buttons 15More Button in Nav 16Block Buttons 17Text Buttons 18Round Buttons 19Scroll To Top Button

05

Forms

34 lesson

01Login Form 02Signup Form 03Checkout Form 04Contact Form 05Social Login Form 06Register Form 07Form with Icons 08Newsletter 09Stacked Form 10Responsive Form 11Popup Form 12Inline Form 13Clear Input Field 14Hide Number Arrows 15Copy Text to Clipboard 16Animated Search 17Search Button 18Fullscreen Search 19Input Field in Navbar 20Login Form in Navbar 21Custom Checkbox/Radio 22Custom Select 23Toggle Switch 24Check Checkbox 25Detect Caps Lock 26Trigger Button on Enter 27Password Validation 28Toggle Password Visibility 29Multiple Step Form 30Autocomplete 31Turn off autocomplete 32Turn off spellcheck 33File Upload Button 34Empty Input Validation

06

Filters

6 lesson

01Filter List 02Filter Table 03Filter Elements 04Filter Dropdown 05Sort List 06Sort Table

07

Tables

7 lesson

01Zebra Striped Table 02Center Tables 03Full-width Table 04Nested Table 05Side-by-side Tables 06Responsive Tables 07Comparison Table

08

More

125 lesson

01Fullscreen Video 02Modal Boxes 03Delete Modal 04Timeline 05Scroll Indicator 06Progress Bars 07Skill Bar 08Range Sliders 09Color Picker 10Email Field 11Tooltips 12Display Element Hover 13Popups 14Collapsible 15Calendar 16HTML Includes 17To Do List 18Loaders 19Badges 20Star Rating 21User Rating 22Overlay Effect 23Contact Chips 24Cards 25Flip Card 26Profile Card 27Product Card 28Alerts 29Callout 30Notes 31Labels 32Ribbon 33Tag Cloud 34Circles 35Style HR 36Coupon 37List Group 38List Group with Badges 39List Without Bullets 40Responsive Text 41Cutout Text 42Glowing Text 43Fixed Footer 44Sticky Element 45Equal Height 46Clearfix 47Responsive Floats 48Snackbar 49Fullscreen Window 50Scroll Drawing 51Smooth Scroll 52Gradient Bg Scroll 53Sticky Header 54Shrink Header on Scroll 55Pricing Table 56Parallax 57Aspect Ratio 58Responsive Iframes 59Toggle Like/Dislike 60Toggle Hide/Show 61Toggle Dark Mode 62Toggle Text 63Toggle Class 64Add Class 65Remove Class 66Change Class 67Active Class 68Tree View 69Remove Decimals 70Remove Property 71Offline Detection 72Find Hidden Element 73Redirect Webpage 74Format a Number 75Zoom Hover 76Flip Box 77Center Vertically 78Center Button in DIV 79Center a List 80Transition on Hover 81Arrows 82Shapes 83Download Link 84Full Height Element 85Browser Window 86Custom Scrollbar 87Hide Scrollbar 88Show/Force Scrollbar 89Device Look 90Contenteditable Border 91Placeholder Color 92Disable Resizing of Textarea 93Disable Text Selection 94Text Selection Color 95Bullet Color 96Vertical Line 97Dividers 98Text Divider 99Animate Icons 100Countdown Timer 101Typewriter 102Coming Soon Page 103Chat Messages 104Popup Chat Window 105Split Screen 106Testimonials 107Section Counter 108Quotes Slideshow 109Closable List Items 110Typical Device Breakpoints 111Draggable HTML Element 112JS Media Queries 113Syntax Highlighter 114JS Animations 115JS String Length 116JS Exponentiation 117JS Default Parameters 118JS Random Number 119JS Sort Numeric Array 120JS Spread Operator 121JS Scroll Into View 122Get Current Date 123Get Current URL 124Get Current Screen Size 125Get Iframe Elements

09

Website

20 lesson

01Create a Website 02Make a Website 03Make a Static Website 04Host a Static Website 05Make a Website (W3.CSS)06Make a Website (BS3)07Make a Website (BS4)08Make a Website (BS5)09Create and View a Website 10Create a Link Tree Website 11Create a Portfolio 12Create a Resume 13Make a Restaurant Website 14Make a Business Website 15Make a WebBook 16Center Website 17Contact Section 18About Page 19Big Header 20Example Website

10

Grid

9 lesson

012 Column Layout 023 Column Layout 034 Column Layout 04Expanding Grid 05List Grid View 06Mixed Column Layout 07Column Cards 08Zig Zag Layout 09Blog Layout

11

Google

4 lesson

01Google Charts 02Google Fonts 03Google Font Pairings 04Google Set up Analytics

12

Converters

4 lesson

01Convert Weight 02Convert Temperature 03Convert Length 04Convert Speed

13

Blog

3 lesson

01Get a Developer Job 02Become a Front-End Dev.03Hire Developers