YoVDO

Create a website with your own simple, custom CMS using HTML, CSS, JavaScript, Django, & Python!

Offered By: Skillshare

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Python Courses Javascript Courses Django Courses HTML Courses

Course Description

Overview

Thank you for your interest in taking my class!

In the next few videos, I'm going to teach you how to create a completely custom, CMS-driven website from scratch using a Job Listing website as an example. *This is a step by step tutorial with explanations along the way.

〰️

Important (June 2020): Because of the long delay and because the technology has since been updated, setting up the Admin page is not included in the video lessons.

Learn more about using django-admin for Django 3.0 in the documentation.

You're free to take this class as a learning tool, but be aware that it uses an older version of Django and Python.

〰️

This class is mainly going to be for designers who have some HTML, CSS, and JavaScript experience, who are maybe tired of manually entering data for portfolio pages and want to create a more efficient solution.

This class is also for web/front-end developers who want to take their back-end knowledge a bit further, get comfortable with using the command line, and start building web pages for clients without depending on existing CMS's.

A CMS, or content management system, is an application used to create and manage digital content. Some existing popular ones include Squarespace, Wix, and WordPress. While there's nothing wrong with using these CMS's, sometimes you don't want to navigate through complex frameworks or install a ton of plugins to get one thing done.

In this class, I'm going to teach you to create your CMS-driven website using familiar web development technologies and languages, plus give you an intro to using Python and Django.

It's going to be lightweight, custom, and the way I break down the code will be modular so that you can easily duplicate code and customize how your CMS works.

〰️

Notes:

  • Mac OSX preferred (you can also use PC, but please note that this class is completely taught using Mac and may not translate well for Windows users).
  • Some HTML, CSS, JavaScript knowledge required.
  • Python and Django knowledge NOT required.

〰️

Good luck & I look forward to seeing your projects come to life!

〰️

Thanks & Acknowledgments:

  • Tyler Moody for helping me design the website.
  • Brendon Avalos for creating the beat for my videos.
  • Becky, Paul, & This Also for helping me get this done!

Syllabus

  • Introduction/Trailer
  • Goals
  • What are we making?
  • What's in our toolbox?
  • Installing dependencies
  • Setting up our skeleton project
  • Assessing the design
  • Creating our HTML files
  • Working with our Python files
  • [*New*] Building out our HTML and Python files
  • Thank you!

Taught by

Michelle Cruz

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX