Principles and Practices, Project Management
Principles and Practices (part 1 of 2)
Project Management (part 2 of 2)
- Work through a git tutorial.
- Build a personal website describing you and your final project. Refer to the lecture material for examples.
- Upload parts 1 and 2, to the class archive.
Plan and sketch a potential final project
1. git study
1.1.1 Principles:
- Distributed Version Control: Each developer has a complete copy of the project, including the full history. This means developers can continue working even without a network connection and sync later.
- Snapshots: Git stores complete snapshots of project files at different points in time, rather than changes or differences, enabling quick browsing and rollback through project history.
- Data Integrity: Git uses the SHA-1 hash algorithm to identify file and directory tree objects, ensuring the integrity of file contents through hash values.
- Branching and Merging: Git encourages developers to use branches to experiment with new features or fix bugs and supports merging changes from different branches.
1.1.2 Uses:
- Version Control: Track changes to files and allow developers to revert to any point in project history.
- Collaborative Development: Multiple developers can work on the same project simultaneously, with Git providing mechanisms for merging changes.
- Backup and Recovery: Developers can easily backup and restore projects using Git.
- Distributed Development: Developers can work locally without relying on a central server, making development workflows more flexible and efficient.
- Code Review: Git provides visualization of branches and commits, simplifying the code review process.
1.1.3 Detailed introduction to git
Version control, also known as source control, is the practice of tracking and managing changes to software code. Version control systems are software tools that help software teams manage changes to source code over time. As development environments have accelerated, version control systems help software teams work faster and smarter. They are especially useful for DevOps teams since they help them to reduce development time and increase successful deployments.
Version control software keeps track of every modification to the code in a special kind of database. If a mistake is made, developers can turn back the clock and compare earlier versions of the code to help fix the mistake while minimizing disruption to all team members.
1.1.4 git Basic commands
cd Enter the selected folder
cd meng/ Enter the project folder named meng
cd.. Return to the parent folder
pwd Display the current folder name
lsDisplay all files in the current folder
ls -a Display the .git hidden folder
echo hello Return hello
echo hello > 123 Create a text file named 123 and write hello in it
rm Delete a file
MV "meng qing zhu" Select a folder with spaces
git Call the command set
git init Initialize the folder as a git folder
git init meng Create a git folder named meng
git status Check for modifications to files
git add . Submit all changes
git commit -m "Description of changes" Submit
git diff filename Check changes
git restore Undo
ssh-keygen Set up a key
ssh-keygen -t Change encryption method
ssh-keygen -t encryption method -c key name Change encryption method and key name
git pull Synchronize files from the cloud to the local
2. HTML study
- Web Page Structure: HTML defines the basic structure of web pages, including headings, paragraphs, lists, links, etc.
- Content Presentation: HTML allows embedding of text, images, audio, video, and other multimedia content, enabling rich information and interactive elements on web pages.
- Linking and Navigation: HTML hyperlinks (<a> tags) connect content between different pages, forming the navigation structure of websites.
- Forms and Inputs: HTML provides form elements (<form>, <input>, etc.) for collecting user input information, such as login, registration, search, etc.
- Semantic and Accessibility: Using correct HTML tags and structure enhances the semantic meaning and accessibility of web pages, making websites easier to understand and use.
- Integration with CSS and JavaScript: HTML combined with CSS (Cascading Style Sheets) and JavaScript (scripting language) enables the implementation of richer, more interactive web page functionality and style effects.
2.1 Markup Language:
HTML uses tags to describe the structure and content of documents. Tags are typically enclosed in angle brackets, such as <p> for paragraph, <h1> for heading level one, and so forth.
2.2 Hierarchical Structure:
HTML documents follow a hierarchical (tree-like) structure composed of nested tags. This structure establishes clear relationships between the content and elements of the document.
2.3 Semantic Markup:
HTML tags have semantic meaning, describing the purpose and function of elements. For example, <p> represents a paragraph, <ul> represents an unordered list, and so on. This helps improve the readability and accessibility of web pages.
2.4 Uses:
2.5 HTML basic commands
<><> Start tag and end tag
< h1>< /h1> Heading 1
< p> Edit paragraph
< ol> Line break
< a href="../index.html">Weekly Assignments Link to webpage
< li> Add bullet prefix
< p style="color:red;"> Display text in red
< img src="../images/01/2.jpg"> Display image