Web Scripting for Cybersecurity Analysts Part 2 скачать в хорошем качестве

Web Scripting for Cybersecurity Analysts Part 2

Here is the text with the angle brackets removed for you: The goal is to learn how to set up simple and secure websites. The video reviews prior lessons on the software development life cycle and information architecture. For setup, viewers should have installed XAMPP or MAMP (for Mac users) or XAMPP or WAMP (for Windows users). Viewers should also have Visual Studio Code. There are different ways to set up a website, including using front-end technologies, back-end technologies, frameworks, free platforms, and CMS. The speaker discussed different technology stacks (like the MERN stack or LAMP stack) and the required skill sets. Future topics will include exploring vulnerabilities in simple front-end websites, then moving to back-end applications, and concluding with vulnerability assessment and fixing methods. HTML Fundamentals: HTML stands for HyperText Markup Language. It is a system for managing content on a website, which includes formatting. HTML is the core language used to mark up content on a website. The website structure typically includes the head, body, and sometimes a footer. Everything is wrapped inside the HTML tag. The head section holds scripts, CSS, and external pages. The body section contains the actual content of the website. The structure of an HTML file starts with !DOCTYPE html and an opening html tag, which often declares the language (e.g., lang="en" for English). HTML is made up of tags, elements, and attributes. Tags (e.g., body, p, h1) are used to format content. Elements are the content contained within the tags. Attributes (e.g., src in img) tell how the tag should behave. Essential HTML Tags and Usage: !DOCTYPE html: Declares the document type as HTML. html: Encloses all content. head and body: Define the main sections. title: Sets the title that appears in the browser tab. H1 to H6: Used for headings, with H1 being the largest and H6 the smallest. p: Defines a paragraph; content starts on a new line. br: A self-closing tag used to insert a line break. b: Used to make text bold. i: Used to make text italic. u: Used to underline text. ul: Defines an unordered (bulleted) list. ol: Defines an ordered (numbered) list. li: Defines an individual list item. img: A self-closing tag for inserting an image. It requires attributes like src (source) and often includes alt (alternate text). nav: Represents a section of a page that links to other pages or parts within the page, often used for navigation bars. a: An anchor tag used to create a hyperlink, referencing a link via the href attribute. div: Often used to define sections or "containers" of a website. Using Visual Studio Code (VS Code): VS Code is the recommended tool for coding in HTML. To create a new file, use Ctrl + N. Select the language (HTML) and save the file (e.g., as index.html). The speaker recommends splitting the screen to view the code and the browser simultaneously. The index.html file is the root/homepage of the website. VS Code supports a boiler plate structure for quick setup by typing Shift + 1 (exclamation mark) and selecting the first option. VS Code features auto-completion, which helps write tags faster. Front-End Technologies and Styling: The three front-end languages are HTML, CSS, and JavaScript. HTML manages content. CSS (Cascading Style Sheet) is used for styling, such as background colors, borders, and hovering effects. JavaScript provides interactivity. Front-end developers primarily deal with these three languages and their frameworks. Looking Ahead: The speaker will record a short video on CSS and upload it. The next class will introduce Bootstrap, a framework/library that combines HTML, CSS, and JavaScript to simplify website building. The assignment is to practice at least 20-30 tags and use an AI tool to generate a simple website based on those tags, then attempt to make changes to it.