What you’ll learn in this no-code course

  1. 1
    • What you'll learn

    • Can we get to know you?

  2. 2
    • Meet Ycode

    • Basics of coding

    • Profile settings

    • Creating and removing projects

    • Templates

  3. 3
    • Box model

    • Body

    • Sections

    • Container

    • Div block

  4. 4
    • Design tab overview

    • Layout design

    • Layer styles

    • Sizing

    • Spacing

    • Typography

    • Google Fonts

    • Backgrounds

    • Borders

    • Position

    • Effects

    • Effects

    • Mixed blend mode

    • Transforms

    • States

    • Breakpoints

  5. 5
    • Lists

    • Buttons

    • Link block

    • Image

    • SVG icons

    • Video

    • HTML embed

    • HTML import and export

  6. 6
    • Setting up custom domains

    • Setting up subdomains

    • Changing and removing domains

    • Cloning projects

    • Transfering projects

    • Backups

    • Previewing and publishing projects

    • Code injection

    • Authentication

    • Email configuration

  7. 7
    • Building workflows

    • Exercise: Send an email

    • Exercise: Show or hide elements

  8. 8
    • Forms

    • Newsletter form

    • Data form

    • Contact form

  9. 9
    • Dynamic vs. static content

    • Dynamic elements vs. pages

    • Creating dynamic pages

    • Creating dynamic lists

    • Linking pages

    • Pagination

    • Dynamic filter and search

    • Dynamic sorting dropdown options

    • Conditional visibility

    • Exercise part 1: Create a table with dynamic filter and search

    • Exercise part 2: Dynamic collection sorting

  10. 10
    • General settings

    • SEO settings

    • Social share

    • Page folders

  11. 11
    • Airtable integration

    • MailerLite integration

    • Zapier integration

    • External API

  12. 12
    • Exam