Welcome to Omni-Solutions Tech's Beginning to Advanced HTML Development Training and Learning Project:
"W3School-0005".
This Project's README.md serves as an informative introductory document which outlines the project's:
- Mission
- Audience
- Resource Requirements
- Project's File System Tree
- Web Development File System
- List of Sources
This project will not only endeavor to provide Basic to Advanced Web Development training in HTML5, CSS3, and JavaScript (ES9 or ECMAScript 2018) through it's comprehensive HTML5-NOTES-PT-#.md files, and it's examples of core HTML development file system examples, but will also show trainees/coders how to implement an effective collaborative development environment using GitHub's Version Control System or "Versioning" process as it pertains to web development. In this case, the collaborative environment of GitHub's online Version Control System is ideal for our project needs, and this project attempts to demonstrate how to use it to document the progress of our understanding of HTML5 and it's development processes.
-
Project W3School-0005 is the first in a series of internal Web Development Coursework Projects which offer an education in W3C compliant in-house training familiarity with Basic to Advanced Web Development.
-
Our project's name ("W3School-0005") infers that the primary source of our coursework will be from the very reliable and up-to-date W3Schools Online HTML Tutorials, it's reference documentation, and the HTML Tutorial for Beginners YouTube Video Playlist.
-
It is worth noting that W3Schools Online Web Tutorials directly mirrors the recommendations of the World Wide Web Consortium (W3C) open standards, which is a requirement for all of our HTML5 Development Policies and is a definitive guidance and standard for advanced web developers around the world as the go-to organization for web development's technical standards.
-
The project's HTML5-NOTES-PT-#.md markdown files located in the COURSE_NOTES folder will provide the bulk of the information as a living set of documents that serve as a more complete reference than either of our two main sources listed above.
-
The code and versioning training process will be addressed in separate documentation from the HTML developer notes and are also located in the COURSE_NOTES folder of the project. They will have the file name format of GITHUB-NOTES-PT-#.md, and will demonstrate our recommended use of a collaborative versioning web development process.
-
The files located in the Web Development Test Environment are designed to be kept in a vanilla state (as they are now) so that a student learning from this project can clone this repository, and edit the HTML files inside the
public_html
folder located in his/her own local filesystem in order to test the processes outlined in theHTML5-NOTES
documents but not to merge their changes to the branch in ANY WAY.
This project is designed for Omni-Solutions Tech employees that are learning Beginning to Advanced HTML Web Development, and for trainees of the Web Development Team. For them, the project will provide the information and a starting dev environment needed to complete the goals of the project's design requirements.
-
As of this moment the project is ready to be utilized for your advancement and education in the true spirit of HTML development at Omni-Solutions Tech, and it's many benefits in the business web application realm of knowledge.
-
For any public viewers or followers of the project/repository there will be a gap of information as to how this project will implement GitHub version control for development per our internal training.
-
The Version Control System Application we will be using to manage our local repositories for this course is called GitHub Desktop (latest version) available free for download here.
-
The recommended text editor we will be using is called Atom latest version which is available here.
-
Please download these two applications for your development system when you are ready to begin the project.
-
You will also need to create a GitHub.com account and have access to your profile before beginning the project goals so you may clone the repository and use the development files.
-
As mentioned above this project also strives to provide an example of how to track HTML development changes to a website, the folder structures involved, and the manor in which we at Omni-Solutions Tech prefer to use a Version Control System to track changes and advances in a collaborative website development project.
Below you will find the complete file structure of the project:
W3School-0005/
├── .git/
├── COURSE_NOTES/
| ├── HTML5-NOTES-PT-1.md
| ├── HTML5-NOTES-PT-2.md
| ├── HTML5-NOTES-PT-3.md
| ├── HTML5-NOTES-PT-4.md
| ├── MARKDOWN_CHEAT-0005.md
| ├── MARKDOWN_CHEAT.md
| └── Test.md
├── public_html/
| ├── pages/
| | └── index-2.html
| └── index.html
├── public_html_templates/
| ├── default_w3c_index-0005.html
| ├── default_w3c_index-0010.html
| ├── default_w3c_index-0015.html
| ├── default_w3c_index-0020.html
| ├── default_w3c_index-0025.html
| ├── default_w3c_index.html
| ├── default_w3c_refreshes_index-0030.html
| ├── default_w3c_responsive_index-0005.html
| ├── index-3.html
| └── template-index-w3c-pro-0030.html
├── .gitattributes
├── .gitignore
├── LICENSE.md
└── README.md <------------ (You Are Here!) ---------------
Below shows the part of the project that is a bare-bones file structure of our test website, and which shows ONLY the files included in an a-typical Website file system structure:
W3School-0005/
├── public_html/
| ├── pages/
| | └── index-2.html
| └── index.html
├── .gitattributes
├── .gitignore
├── LICENSE.md
└── README.md <------------ (You Are Here!) ---------------
The notes located in the COURSE_NOTES folder as well as our HTML test environment's site files located in the public_html folder are designed to help you complete the course.
-
This process of versioning our progress in the test environment is essential for us to see changes to the initial dev environments therefore the test environment should NOT be merged by any students.
-
However, showing the progress of the web page from a beginning basic bare-bones index page and site files can be tracked by students if the Project Admins keep ONLY the branches that are labeled as
dev-...
so that the project can be observed in it's progress by accessing those branches instead of the master branch. -
Those branches deal with the changes in the coding of the page and should be kept for reference because they are needed to document the progress of our understanding of HTML5 custom code development and design process through the NOTES and the site files. Please do NOT merge or delete them.
We will start with information and notes taken from both the Video Tutorials for this project, and the W3Schools.com's Beginner's HTML Tutorial located here: https://www.w3schools.com/html/default.asp
. However, there is no need to view either of these sources as the project requirements will start with the notes given in the COURSE_NOTES folder (see below).
Let's get started shall we? Please click on this link to the first HTML5-NOTES-PT-1.md after you have completed downloading and installing the required development applications listed in the Resource Requirements section of this page.
This is a list of web links to all referenced sites used to create the documentation for this project, or other web links that may be needed to allow the objectives of the project's goals to be completed.
- The HTML Tutorial for Beginners YouTube Video Playlist.
- The W3Schools HTML Tutorial
- we wish to thank GitHub.com, it's community, and it's developers for providing this great platform for us to do this very essential and critical work.
- Here is a link to GitHub Docs that may be useful.
- Markdown is the document writing process we use and references to this language and how to make documents that use markdown can be found in two places. Our MARKDOWN_CHEAT.md document and our more useful non-standard MARKDOWN_NOTES.md. These two documents are found in the COURSE_NOTES folder.
The work and notes taken for this project do not attempt to plagiarize or claim that any excerpts used are products of our team or it's educators collaborative discussions and training materials and are purely for educational use. Any and all copied materials that resemble or are exact copies of any copyrighted works or content are purely for educational purposes and solely the property of the owners of such materials and NOT the property of Omni-Solutions Tech. We thank W3Schools.com for your understanding and your partial source of information in our educational needs.