The Complete 'No Code' Developer Course: Build 23 Projects

Here, you'll be learning about the fundamentals of the no-code ecosystem. Later in this course, as you begin building your projects, an understanding of these fundamentals will be beneficial.

In this lecture, I want to clarify what no-code is before you get started on your no-code development journey.

It’s often the case that you hear coders discuss the stack that they’re using. As a no-coder, you’ll also be using a stack. However, your stack will differ from the stacks that coders use.

For this section, we’re going to imagine a fictional scenario where web-scraping would be useful. That fictional scenario being, if we were putting a report together on investors in the education industry.

In this section, to complete this project, you’ll need these resources.

In this lecture, let's begin by initialising our scraper and setting it up.

In this lecture, we’ll define to our web scraper the data we want it to scrape.

In this lecture, we’re going to run our scraper and discuss how we can use the data.

For our project in this section, we’ll be working with Coin-API to collect our data and store it in a Google Sheet. We’ll be using Parabola to do this.

In this section, to complete this project, you’ll need these resources.

In this lecture, let’s begin by initialising our API and setting it up.

In this lecture, we’ll filter through our APIs data to target the specific data we require.

In this lecture, we’ll format the numbers within our data to something more readable.

In this lecture, we’ll export the data that we’ve filtered down into Google Sheets.

In this lecture, we’ll publish our flow so it overwrites into Google Sheets automatically.

For our project in this section, we’ll be using Zapier to automatically post the price of Bitcoin on Twitter, everytime our Google Sheet is updated.

In this section, to complete this project, you’ll need both a Zapier and Twitter account.

In this section, we’ll start with our Zapier automation and connect it to Google Sheets.

In this section, we’ll connect the next stage of our automation - Twitter

In this section, we’ll be publishing our Zapier automation.

For our project in this section, we’ll be using Zapier to post a GIF from Giphy whenever a keyword is mentioned in Slack. Naturally, this will be an automated bot.

In this section, to complete this project, you’ll need access to Zapier, Slack and Giphy.

In this lecture, let’s start with configuring Slack to build out our bot.

In this lecture, we’re going to add a conditional statement, otherwise known as a helper statement. Reason being, we only want our bot to trigger with a specific keyword.

In this lecture, we’re going to connect Giphy. Because, at the moment our bot doesn’t post anything. We want Giphy to post a GIF whenever the keyword ‘awesome’ is mentioned.

In this lecture, we’re going to connect Slack to our bot.

In this section, we’ll be publishing our bot.

For our project in this section, we’ll be using Obviously AI to help us analyze data. A programmer may use R or Python, but as no-coders, we’ll be using Obviously AI.

In this section, to complete this project, you’ll need Obviously AI and Kaggle.

In this lecture, we’re going to be sourcing the data that we’ll be analysing. Naturally, we’ll be using an existing piece of data, as we haven’t created a product with such a big dataset.

In this lecture, we’ll be uploading the large dataset on avocado’s to Obviously AI. This is the data we sourced in the previous lecture from Kaggle.

In this lecture, I’ll be showing you how to work with the data in Obviously, which we uploaded and ran an analysis on in the previous lecture.

In this lecture, I will introduce what we will be building in this section.

In this lecture, I will highlight the tools that we will be using to build this project.

In this lecture, we will go through the initial set up of the voice application.

In this lecture, we will go through creating the launch sequence for the voice application.

In this lecture, we will go through setting up the action to query users.

In this lecture, we will set up the API so we can query it for data.

In this lecture, we will create the block to return data to the user.

In this lecture, we will test our voice application.

In this lecture, I share the resources you should refer to for publishing your app.

In this lecture, I describe  next steps you can take to level up your app.

Figma is often where the journey begins for no-code projects. No-code developers will design their projects in Figma, then build those designs out in no-code development tools. This is the reason why I want to get you familiar with using Figma - Figma is intuitive.

In this section, to complete this project, you’ll need these resources.

In this lecture, we’ll get our Figma file setup; ready to build-out our one-page website.

In this lecture, we’re going to bring our site to life by placing our image upon the frame.

In this lecture, let's add our logo onto the frame. Albeit, a text logo.

In this lecture, I’d like to add the body copy into our frame. Essentially the bulk of text. In our case, that consists of the website title, and subtitle. Both of which are text elements.

In this lecture, we’ll build our subscribe form. This will consist of the following; subscribe form, placeholder text, subscribe button, subscribe button text and disclaimer text.

In this lecture, we’re going to build out our profile image combined with a little description.

In this lecture, I want to finalise our design by aligning the overall proportions.

In this lecture, I want to share some parting words with you in regards to Figma.

Functionality wise, we’ll predominantly be using Carrd to create our one-page newsletter website. We’ll also be using Unsplash for images, and Mailerlite for email marketing.

In this section, to complete this project, you’ll need: Carrd, Unsplash and MailerLite.

In this lecture, we’ll be getting started from a blank canvas and adding or text and image elements. We’ll be styling these in the next lecture. For now, we just want them visible.

In this lecture, we’ll style our background and website image. Making it easier on the eye.

In this lecture, we’ll style our logo. Albeit the text logo which we refer to as the site title.

In this lecture, we’ll be styling the body copy of our website.

In this lecture, lets style our subscribe form.

In this lecture, we’ll be styling the profile image section on our website.

In this lecture, we’ll connect our subscription form to an email marketing software. The email marketing software we’ll be using is MailerLite. They have a generous free plan.

In this lecture, we’ll be publishing our website live.