Welcome

In order to expedite the development of this course, I've opted to create mostly text lectures. As I gather feedback from you, the user of this content, I will update each text version of the lecture to a video. I will also update older videos as I work through the older content.
Coming Soon: Use the vote up and down buttons (not visible in preview) on the left of this section to leave your feedback. Your votes will be reviewed frequently.

Teachable is currently going through a transition. Their backend editors are a cross between version 1.0 and version 2.0 and depending where you are in the Teachable platform determines which editor you see. Sometimes, you have the option of using both, other times, you are forced to use one or the other. The old version 1.0 Teachable pages are built on Bootstrap. Bootstrap is a HTML, CSS and JavaScript framework for creating web pages which are both responsive and mobile friendly. The newer, version 2.0 editors render pages in CSS grid and Flexbox.

Areas of the course that deal with specifically version 1 or version 2 of the editor will be marked with and .

New lectures will also be marked with the tag.

Thank you for signing up to the course or previewing this lecture. During the course content, I hope to become an ongoing source of information and inspiration.

This course currently has around 50 lectures but this may change (and probably will) based on feedback from our students, expectations to fulfil the needs of students and on the natural flow and ebb of the actual overall course.

The first part of the course is an onboarding introduction to each area of the Teachable Platform. I explain what each menu item does and where appropriate will go into additional more in-depth detail of the areas. For example, I'll introduce the User area - then go into detail on how to use the filters to get specific data.

This is text inside what's called a 'well' which is inside a column centred on the screen. The Teachable Platform works on a framework called Bootstrap and has many built in class selectors or (simply put) templates.

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <p class="well">This is text inside what's called a 'well' which is inside a column centered on the screen. The Teachable Platform works on a framework called Bootstrap and has many built in class selectors or (simply put) templates.
            </p>
        </div>
    </div>
</div>
			

Don't feel daunted in trying to read this, it will be broken down so you'll understand exactly what the code is saying and what the result will be.

In order to create this simple layout, we need to learn a bit about HyperText Markup Language or HTML. The next few lectures will give a brief introduction along with some resources links and a quiz to get your started.

Tip

Grab your favourite text editor to copy the examples that you'll see here and paste them into a new file. Make your changes in that editor instead of the Power Editor then when you're happy, you can copy/paste your code into the Power Editor.

I use Visual Code for my external editor as it's free and cross platform (Mac and Windows) and when a file is saved it will format the text in specific colours so code is easier to read. There are others that do the same but I would recommend Visual Code.

Click the "Complete & Continue" button on the top right of the screen to continue.

Good Luck!

Complete and Continue  
Discussion

0 comments