The Perfect Web Developer Course for Digital Marketers

Name: The Perfect Web Developer Course for Digital Marketers
Rating: 4.6 (11 reviews)

Learn Web Development and build professional websites for your business using HTML, CSS & Javascript.

Created byAyl DHYBASS

Last updated 1/2021

English

What you'll learn

Save time and money by building and maintaining your website by yourself.
Build websites for friends and family.
Get a job as a junior Web Developer.
Bid for projects on Freelance websites.
Start your own Online Business.
Be a comfortable Front-End Developer.

Course content

6 sections • 76 lectures • 5h 59m total length

Course overview2:50
Discover the course structure and the details of each chapter.
Don't waste your time and your money1:45
It's very important to know what you're going to learn, even more whom this course is NOT for as well as whom is it for, before you spend your money and waste your time.

Module introduction0:51
Hi, and welcome to the first module in the Fundamentals of Web Development. In this first module we're going to focus on some foundational details we really need to know before we get into the details of coding.
What is a Web Hosting Company?4:14
Here I'd like to discuss Web Hosting. Web Hosting is a service that allows people to post websites. Of course, people and businesses too.
How to Find and Select a Web Hosting Company?3:56
Let's talk for a few minutes about choosing a hosting service. I mentioned that free hosting was one of the options, but we definitely have few things to consider.
How to find a good name for your website?2:40
Ultimately, a name of our site will help our users find our site or network. Let's find out how to choose a good name.
Testing your knowledge
Website Name Registration3:39
Let's visit the ICANN website. And ICANN is the international organization that governs names and their use on the Internet.
Understanding Networks and the Internet3:51
Let's talk about some basic network ideas. First, where is a website? When we type in google.com or any other website's name, where does it go to get the information?
Understanding Website Control Panel - a "MUST"3:18
Let's review some of the features we can use here in our web hosting service. In this case, I'm using insty.me and this is insty.me's control panel.
Web Development Tools2:49
Before we get too far in to coding, I want to talk a little bit about web development tools.
Testing your knowledge
Activities and Assessments1:33
Here are some additional useful resources related to web hosting.

Module 2 Introduction HTML1:11
At the end of this module, you will be able to identify the components of a website, describe the files we commonly used in websites including HTML, CSS, JavaScript, and images.
Getting started with HTML2:51
Getting started with HTML.
The Structure Of A Webpage7:33
First a website is comprised of files that our visitors will view through a browser. The main in most common kind of file is HTML.
Testing your knowledge
Create your first web page (Headers)4:17
Create your first web page (Header Tags)
Creating Paragraphs2:45
Learn how to create Paragraphs.
Formatting Text3:20
Learn how to Format Text
Testing your knowledge
Creating Unordered Lists1:48
Learn how to create Unordered Lists .
Ordered Lists1:18
Learn how to create Ordered Lists .
Working with Images4:21
In this lesson we're going to talk a little bit about images and links.
Working with Forms7:43
Learn how to create and work with Forms.
Creating Links3:40
Learn how to create Links.
Working with Tables3:28
Learn how to create and work with Tables.
HTML Entities3:12
Learn how to create and work with Entities.
Working with IFrames1:50
Learn how to create and work with IFrames.
Uploading files to your server4:17
Learn how to Upload files from your computer to your internet server.
HTML real life Project: Replicate Skype.com (part.1.1)1:35
Download the Starter file for the final project. Take the time to download this zip file, extract the file to the desktop or wherever you want, open a new file and write the HTML code line by line. Once you're done with it, study the CSS part of the course and then let's finish that project together step by step.
HTML real life Project: Replicate Skype.com (part.1. 2)2:37
Practice HTML Tutorials1:07
You have to practice and practice again and again to really master the subject. So at this point of the course i'll suggest you to take some time to practice HTML by following these links:

Module 3 Introduction1:09
You'll learn to transform a boring website, into one that commands some interest.
What’s CSS?2:15
What is Inline CSS?3:49
What's Internal CSS?4:12
What's External CSS?2:48
Working with Classes and IDs6:18
Working with Divs3:58
Working with Colors3:30
Floating3:34
Positioning7:24
Margins4:18
Padding6:21
Borders7:30
Fonts4:04
Styling Text3:49
Aligning Text3:24
Styling Links3:02
CSS real life Project Replicate Skype.com (part.1)10:01
It's time to practice what we've seen in CSS
CSS real life Project Replicate Skype.com (part.2)10:20
It's time to practice what we've seen in CSS
CSS real life Project Replicate Skype.com (part.3)9:36
It's time to practice what we've seen in CSS
CSS real life Project Replicate Skype.com (part.4)9:36
It's time to practice what we've seen in CSS
CSS real life Project Replicate Skype.com (part.5)7:37
It's time to practice what we've seen in CSS
CSS real life Project Replicate Skype.com (part.6)7:35
It's time to practice what we've seen in CSS

Module Introduction0:48
Static vs. Dynamic Webpages5:20
What we'll start the week talking about, the comparison of static to dynamic webpages.
What Is Javascript?3:09
Inline JavaScript / Internal JavaScript4:39
External Javascript1:49
Accessing Elements5:12
Responding To A Click2:18
Changing Website Content8:27
My photo gallery challenge 17:19
My photo gallery challenge 29:05
Variables6:21
Arrays9:37
If Statements6:15
For Loops8:09
While Loops5:37
Functions6:10
Javascript real life Project (part1)6:28
Javascript real life Project (part2)7:19
Javascript real life Project (part3)8:46
Javascript real life Project (part4)8:12
Javascript real life Project (part5)9:11
Javascript real life Project (part6)10:22
Javascript Further Reading1:08

Requirements

No pre-knowledge is required. However, having basic knowledge in Front-End Web Developing could be a good advantage.
A PC or Mac is required.
No special software is required in advance of the course (all software used in the course are free)
Enthusiasm, willpower and self-command, that's all you need!

Description

This course is about Web Development. You'll learn how to save time and money by creating and managing your own website instead of outsourcing (spending a lot of money and always depending on somebody else).

Hi, my name is Ayl Dhybass, I'm a online Business Trainer and founder of SmartYourBiz, created about 4 years ago.

This course is primarily intended for:

Digital Marketers who want to save time and money by building and managing their own website by themselves;
Workers who want to keep their job and improve their career by acquiring a new set of skills;
Students who want to improve their skills and increase the chance to get a great job as a junior web developer;
People who want to be independent, start their own online business and bid for projects on freelance websites.

In this course you'll learn the basics of HTML, CSS and Javascript, which are the essential tools to become a good Front-End Developer. If you are looking for real life projects, in this course you'll be replicating the Skype's website front page.

After taking this course, you'll be able to:

Save time and money by building your website;
Build websites for friends and family;
Get a job as a junior web developer;
Bid for projects on freelance websites.

WHAT ARE YOU WAITING FOR?

JOIN THE COURSE NOW AND LET'S GET STARTED.

Who this course is for:

Digital Marketers who want to have more control, save time and money by building and managing their own website or Ecommerce by themselves.
Workers who want to keep their job and improve their career by acquiring a new set of skills
Students who want to improve their skills and increase the chance to get a great job as a junior web developer.
People who want to be independent, start their own online business and bid for projects on freelance websites.

The Perfect Web Developer Course for Digital Marketers

What you'll learn

Explore related topics

Course content

GENERAL INTRODUCTION2 lectures • 5min

WEBSITE STRUCTURE AND HOSTING9 lectures • 27min

DESIGNING YOUR OWN WEBSITE: HTML BASICS18 lectures • 59min

WEBSITES WITH STYLE: CSS PROPERTIES, COLORS AND FONTS23 lectures • 2hr 6min

INTRODUCTION TO PROGRAMMING USING JAVASCRIPT23 lectures • 2hr 22min

WHAT'S THE NEXT STEP?1 lecture • 1min

Requirements

Description

Who this course is for: