• Post category:StudyBullet-3
  • Reading time:9 mins read


I’ll teach you all you need to know to start as a web developer using HTML, CSS, JS, Python and Flask.

What you will learn

I will teach you the basic skills that made me a succesfull professional web developer.

You will gain a (better) understanding of how the web and webapplications work

You will learn basic frontend development skills using HTML, CSS and Javascript

You will learn basic backend development skills using Python and Flask

Description

Welcome to my Web Developer Course for Absolute Beginners!

My name is Dave and I have been making a good living as a Web Developer for over more than 10 years now. I worked for many different companies and clients in many different industries. Just to name a few. I worked for:

  • fashion companies
  • software companies
  • utility companies
  • banks

I focus on web development, because I believe that there is still the most opportunities to find work.


Get Instant Notification of New Courses on our Telegram channel.


So I am happy to teach you the basics of web development in this course, because there are enough opportunities for everybody and anybody who is willing to put in the effort to develop his, or her web skills.

I will teach you all you need to now to get started building web applications with:

  • HTML
  • CSS
  • JavaScript
  • JQuery
  • Bootstrap
  • Python
  • Flask

We will be building a project in the form of a web application. We will start with basic HTML and by the time we finish you will have an app that runs on a Flask back end. This project will let you practice and show of your skills to future employers and clients.

By the end of this course you will be able to start working as a (junior) web developer and you should have a good understanding of fundamental topics in the field. From there you will be able to build up your knowledge while being productive.

So come join me!

Dave

English
language

Content

Introduction
Introduction
Curriculum
How this course is setup
About the project we will build
Linux and why open source matters
How the web works
A bit of history of the internet
Protocols
URLs and DNS
HTTP Server – Client relations
Ports
Tools used in this course
HTML Basics
Hello World
Basic HTML structure
Proper basic structure
Structuring content within the body
Adding an image
Adding sub headers, pages and navigation
Solution to Assignment 1 and Ordered lists
Contact form
More useful tags like: nav, footer, button, etc.
Tables
Div tags
HTML basics wrapup
CSS Basics
Adding CSS to a webpage
General styling
Padding, Margin and the box model
Trouble shooting image captions
Classes: how to better structure your CSS
Styling links
Styling tables
JavaScript basics
Hello World! – Changing HTML using JavaScript
Changing HTML attributes
Changing style values
How to insert JavaScript to a webpage
How to ‘print out’ stuff to the screen in JavaScript
Basic JS programming – Assignment operators
Basic JS programming – Comparisons
Basic JS programming – Datatypes
Basic JS programming – Making decisions using conditions
Basic JS programming – Loops
Basic JS programming – Functions
JQuery introduction
Introduction to JQuery
Using JQuery to toggle images
Using JQuery to toggle text and get data from other URLS asynchronously (Ajax)
Bootstrap Introduction
Introduction to bootstrap
Understanding containers
Adding bootstrap to your site
Working with rows
Working with columns
Making images responsive
Understanding mobile first development
Debugging
Bootstrap into wrapup
Python basics
Introduction
About Python
Installing Python
Hello World – Setting up your development environment
Quick overview of what we will cover
Variables
Datatypes: Strings, Integers and Floating point numbers
Datatypes: Lists, dictionairies, booleans, tuples and sets
Operators
Assignment operators
Comparison operators
More operators
Making decisions in your code, AKA flow
Repetition / Loops
Functions
Basics of OO programming with classes
Modules
Python’s Standard Library
More libraries using pip
Python back-end with Flask
Introduction to flask
What is flask
Hello world!
Routing
HTTP Methods
Static files
Templates
Building our project in flask
Extending templates
Posting to the backend
Sending email from the flask backend