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
  7. 7

    • Building workflows

    • Exercise: Send an email

    • Exercise: Show or hide elements
  8. 8

    • Forms

    • Data form

    • Filter form

    • Advanced 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

    • Zapier integration

    • External API
  12. 12

    • Exam