Scribd
Upload
8 views

Lesson Resource Easy.tech

Uploaded by

daltonmbox02
Copyright
© © All Rights Reserved
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
8 views

Lesson Resource Easy.tech

Uploaded by

daltonmbox02
Copyright
© © All Rights Reserved
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 5

Website Development Training

Course Facilitator Contact Duration


Website Owens, John, Maka Maka- 0880501695 December 18 – 21
Development & Owens -088 050 1732
Hosting using HTML, John - 088 650 1849
CSS, bootstrap, and
JavaScript; and with
WordPress.

Overview
This Course Introduces Learners to The Foundational Skills Needed for
Building and Hosting Professional Websites. Learners Will Start by
Understanding HTML and CSS For Structuring and Styling Web Pages.
Gradually, They Will Explore Bootstrap for Responsive Design and JavaScript
For Interactivity. The Course Will Also Include Practical Lessons on Using
WordPress To Create Dynamic Websites and Hosting Them Online.

Learning Objectives and Outcomes


Learn the basics of website structure and components (HTML, CSS,
JavaScript, and WordPress).
Set up a development environment for building websites.
Build responsive websites using HTML, CSS, and Bootstrap.
Create and customize a WordPress website.
Understand how to host and deploy a website online.

Learning Outcomes:
By the end of the program, participants will:
Develop and style web pages using HTML, CSS, and Bootstrap.
Create a functional WordPress site with themes and plugins.
Successfully host and deploy a website on a live server.
Complete and present a fully functional website project.
2-DAY WEBSITE DEVELOPMENT TRAINING CURRICULUM
– ONLINE
1. Setting up GitHub for version control, code management, and
Topic (s):
collaborative coding
2. Developing web page with HTML
3. Styling website with CSS
4. Adding responsiveness with Bootstrap
 Understand the basics of website structure and components
Objective:
 Styling website with CSS and Bootstrap
Computer with internet access, Text editor (ex. Notepad ++) or and
Materi
IDE (e.g., VS Code)
als
Neede
d:
Presentation slide, boilerplate code for practice, example websites,
DAY 1ONLINE DAY 1

Learnin
and Docs for bootstrap, HTML, and CSS referencing
g
Resour
ces
Activities: Lecture, coding exercise, and assignment (requirement for certificate)

Quiz (optional) and assignment


Assessment:
1. Introduction to JavaScript
Topic (s):
2. Creating website with WordPress CMS
3. Setting up website hosting and domain name
 Making webpage interactive with JavaScript
Objective:
 Creating a quick website with WordPress CMS
 Setting up hosting and domain name for website
Computer with internet access, IDE, JavaScript Environment to test
Materi
JavaScript code, hosting platform (optional)
als
Neede
d:
Presentation slide, sample code, JavaScript Challenge, JavaScript
Learnin
DOCs for referencing, recommended hosting providers
g
Resour
ces
DAY 2ONLINE DAY 2

Lecture, coding challenge (optional), and final capstone project


Activities: (requirement for certificate)

Final capstone project:


Assessment:
1. Building a complete website using HTML, CSS, and JavaScript
2. Building a simple website using WordPress CMS
3. Setting up hosting and domain account for hosting website
(OPTIONAL)
2-DAY WEBSITE DEVELOPMENT TRAINING CURRICULUM
– IN-PERSON

1
NOTE: In-person training curriculum is the same as the
online training.

DAY ONE
1.0. Fundamentals of GitHub, HTML, CSS, and Bootstrap
2
1.1. Setting up GitHub for Collaborative Coding, Version Control, and Code Management
GitHub is a web-based platform that allows to store and share code, collaborate on project,
track changes, and review code.

How to Setup GitHub


Requirement: Git-bash and GitHub account

Git-bash is a command-line tool for windows that allows users to interact with git and run
Linux-based commands. To download Git Bash, go to https://git-scm.com/downloads.

Next, follow the steps in this documentation to install git bash.


https://www.stanleyulili.com/git/how-to-install-git-bash-on-windows

Next, create your GitHub account: Go to https://github.com/

Click signup, enter your email, click next, enter your password, and enter a username.

Configuring Git in Git Bash


To configure git, open Git Bash and navigate to your directory of your choice.

Run the following commands to configure git:


git config --global user.name “GitHub Username”
git config --global user.email “GitHub email address”
3
Connecting Your Local Folder/Repository with Git Remote Repository
Go to Git Bash
Run pwd to see your working directory

If you are not in the directory of your choice, move to the directory of your choice.
cd /DIRECTOR_NAME

If the directory of your choice doesn’t exist, create it yourself using:


mkdir DIRECTORY_NAME

Initialize the directory:


git init

Use git clone or git add to connect your remote repository to your local working directory.
git clone gitURL.git
Move into the clone directory using the cd command

Or
git remote add origin gitURL.git

Add Files to Cloned or Added Git Repository


git add .

Commit the changes made


git commit -m “commit message”

Push committed changes


git push origin <branch name> ex. Main

You might also like