-
Introduction to the BootCamp 3
-
What you will learn 05 minLecture1.1
-
Teaching Methodology 05 minLecture1.2
-
Starting with Networks 03 minLecture1.3
-
-
Understanding The Internet 14
-
What is the Internet? 02 minLecture2.1
-
A Simple Computer Network 03 minLecture2.2
-
From Simple Network to the Internet 06 minLecture2.3
-
Understanding Internet Protocols 05 minLecture2.4
-
Internet Protocol (IP Address) and Domain Name Service (DNS) 04 minLecture2.5
-
Clients and Servers and How They Interact 04 minLecture2.6
-
Data Packets, Routing and Reliability 06 minLecture2.7
-
What is HTTP? 02 minLecture2.8
-
HTTP and other Protocols 02 minLecture2.9
-
Client – the User Agent 03 minLecture2.10
-
The Web Server 02 minLecture2.11
-
Anatomy of an HTTP Request 02 minLecture2.12
-
Anatomy of an HTTP Response 02 minLecture2.13
-
Section Quiz 10 questionsQuiz2.1
-
-
Intro to HTML - HyperText Markup Language 73
-
Introduction to HTML 04 minLecture3.1
-
Hypertext Markup Language – What does it really mean? 02 minLecture3.2
-
What are Tags? 05 minLecture3.3
-
How Browsers Work 03 minLecture3.4
-
Basic HTML Structure 05 minLecture3.5
-
Sample Document 02 minLecture3.6
-
Nested HTML Elements 04 minLecture3.7
-
Types of HTML Tags 11 minLecture3.8
-
Installing a Code Editor 04 minLecture3.9
-
Creating an Index File 03 minLecture3.10
-
Features and Benefits of VsCode 05 minLecture3.11
-
Empty HTML Elements 04 minLecture3.12
-
HTML Attributes 05 minLecture3.13
-
Width, Height, Cases & Quotes 05 minLecture3.14
-
Alt Attribute 03 minLecture3.15
-
Style Attribute 02 minLecture3.16
-
Adding Multiple Style Properties 05 minLecture3.17
-
Tooltip 03 minLecture3.18
-
HTML Comments 04 minLecture3.19
-
Section Quiz 10 minLecture3.20
-
Navigation Menu 03 minLecture3.21
-
HTML Links 04 minLecture3.22
-
From Webpages to Website 09 minLecture3.23
-
Absolute Vs Relative URL 04 minLecture3.24
-
Relative URL Referencing 08 minLecture3.25
-
Target Attribute 02 minLecture3.26
-
Image Linking 04 minLecture3.27
-
Lists 04 minLecture3.28
-
List Markers 07 minLecture3.29
-
Section Quiz 15 minLecture3.30
-
Description List 07 minLecture3.31
-
Creating Bookmarks 08 minLecture3.32
-
Image Floating 05 minLecture3.33
-
Background Image and Centering in HTML 08 minLecture3.34
-
HTML Table 07 minLecture3.35
-
Adding Images to Tables 04 minLecture3.36
-
Inline and Internal CSS in HTML 11 minLecture3.37
-
External CSS 08 minLecture3.38
-
CSS Precedence 03 minLecture3.39
-
Applying CSS To Table Head 06 minLecture3.40
-
Table Center 02 minLecture3.41
-
Styling Multiple Elements 04 minLecture3.42
-
Styling with nth-child 04 minLecture3.43
-
Vertical Zebra Styling 02 minLecture3.44
-
Overlapping Zebra Style 01 minLecture3.45
-
Border Values 05 minLecture3.46
-
Quiz 10 minLecture3.47
-
Colspan 04 minLecture3.48
-
Rowspan 03 minLecture3.49
-
Using Table Layout in Web Design 05 minLecture3.50
-
HTML Forms 06 minLecture3.51
-
Binding Labels to Input Field 05 minLecture3.52
-
Increasing Hit Area & Accessibility 04 minLecture3.53
-
Submitting HTML Forms 04 minLecture3.54
-
Adding Value to Database 04 minLecture3.55
-
Providing Default Value for Text Input 02 minLecture3.56
-
Section Quiz 10 minLecture3.57
-
Reset Button & Date Submission 07 minLecture3.58
-
Using Image as Submit Button 03 minLecture3.59
-
File Upload With HTML 03 minLecture3.60
-
Slider & Volume Control 02 minLecture3.61
-
Numeric Input Field 02 minLecture3.62
-
Search Field 03 minLecture3.63
-
Telephone Field 05 minLecture3.64
-
Appointment Booking & URL Input Field 05 minLecture3.65
-
Securing User Data With POST 07 minLecture3.66
-
Dropdown Menu 05 minLecture3.67
-
TextArea 03 minLecture3.68
-
Password Field 02 minLecture3.69
-
Adding a Color Palette 02 minLecture3.70
-
Grouping Forms 02 minLecture3.71
-
Forms & Javascript 02 minLecture3.72
-
Section Quiz 10 minLecture3.73
-
-
Advanced HTML 28
-
HTML Block-level Element 04 minLecture4.1
-
HTML Inline Elements 05 minLecture4.2
-
Block-level Elements Demo 03 minLecture4.3
-
Intro to HTML DIV & SPAN 03 minLecture4.4
-
Aligning a DIV Element 04 minLecture4.5
-
Positioning DIV Elements with Float 05 minLecture4.6
-
DIV as Inline-Block Element 02 minLecture4.7
-
CSS Flex Layout 04 minLecture4.8
-
Embedding Forms & Pages in HTML 05 minLecture4.9
-
Iframe Border 01 minLecture4.10
-
Iframe as Target Frame 02 minLecture4.11
-
Embedding YouTube in Your Website 04 minLecture4.12
-
Metadata – Keywords 05 minLecture4.13
-
Metadata – Author, Charset, Viewport 03 minLecture4.14
-
Responsive Images 07 minLecture4.15
-
HTML Entities 05 minLecture4.16
-
Non-Breaking Space 05 minLecture4.17
-
HTML Emojis 03 minLecture4.18
-
Responsive Images for Multiple Devices 06 minLecture4.19
-
Favicon 05 minLecture4.20
-
Hosting Your Own Video 08 minLecture4.21
-
Hosting Podcasts, Songs and Audio Files 05 minLecture4.22
-
Tools for Front-End Development – Getting Image 04 minLecture4.23
-
Tools for Front-End Development – Resizing Images 04 minLecture4.24
-
Tools for Front-End Development – Background remover & Circle Image 04 minLecture4.25
-
Brand Colors 05 minLecture4.26
-
Selecting Matching Colors 05 minLecture4.27
-
Checkpoint : Project 1 – A Personal Portfolio Website 10 minLecture4.28
-
-
Intro to CSS - Cascading Style Sheet 71
-
Intro to CSS & Precedence 08 minLecture5.1
-
CSS Syntax 06 minLecture5.2
-
CSS Class Selector 03 minLecture5.3
-
Target Selectors 03 minLecture5.4
-
Star & Grouping Selector 02 minLecture5.5
-
Comments & Colors 05 minLecture5.6
-
Background Color 05 minLecture5.7
-
Opacity 03 minLecture5.8
-
Background Image 02 minLecture5.9
-
Repeat & Positioning 05 minLecture5.10
-
Scrolling Images 02 minLecture5.11
-
CSS Shorthand 03 minLecture5.12
-
CSS Background Image Sizing 05 minLecture5.13
-
Expanding Border Color 06 minLecture5.14
-
Expanding Border Style 03 minLecture5.15
-
Border Radius 02 minLecture5.16
-
Margin 08 minLecture5.17
-
Padding 04 minLecture5.18
-
Width & Height 06 minLecture5.19
-
CSS Box Model 07 minLecture5.20
-
CSS Outline 04 minLecture5.21
-
Using Google Inspect With CSS 04 minLecture5.22
-
Layout Debugging with Pesticide 09 minLecture5.23
-
Text Styling – Inline Block 05 minLecture5.24
-
Text-Decoration 02 minLecture5.25
-
Using Line-through 05 minLecture5.26
-
Font Families 06 minLecture5.27
-
Choosing Fonts Based on Project Niche 03 minLecture5.28
-
How to Apply Websafe Fonts 06 minLecture5.29
-
Font Style, Weight & Variant 03 minLecture5.30
-
Font Pairing 04 minLecture5.31
-
Applying Font Pairing 02 minLecture5.32
-
Font Shorthand 02 minLecture5.33
-
Link Styling with CSS Props 03 minLecture5.34
-
Link Styling with States 05 minLecture5.35
-
Link Styling with Text Decoration 02 minLecture5.36
-
Advanced Link Styling 07 minLecture5.37
-
Unordered List Marker Styling 04 minLecture5.38
-
Ordered List Marker Styling 02 minLecture5.39
-
Image List Marker 02 minLecture5.40
-
Links to Nav with CSS 04 minLecture5.41
-
Display Property for Page Layout 04 minLecture5.42
-
Display Block, Inline & Flex 04 minLecture5.43
-
Inline-block vs Block 03 minLecture5.44
-
Display none Vs Visibility hidden 03 minLecture5.45
-
Position Property for Page Layout 06 minLecture5.46
-
Position Fixed 02 minLecture5.47
-
Position Absolute 02 minLecture5.48
-
Sticky Elements 02 minLecture5.49
-
CSS Opacity Property 03 minLecture5.50
-
Opacity on Hover 02 minLecture5.51
-
Opacity & Positioning 02 minLecture5.52
-
Z-index Minus One 03 minLecture5.53
-
Z-index Stacking 01 minLecture5.54
-
Handling Content Overflow 04 minLecture5.55
-
CSS Pseudo class 02 minLecture5.56
-
Pseudo Class on Div 02 minLecture5.57
-
Aligning Images in Div 02 minLecture5.58
-
Tooltip with Pseudo Class 04 minLecture5.59
-
Horizontal Nav Menu 06 minLecture5.60
-
Separating a Menu Item 03 minLecture5.61
-
Vertical Nav Bar 04 minLecture5.62
-
Positioning Vertical Nav Bar 03 minLecture5.63
-
CSS Dropdown 08 minLecture5.64
-
Dropdown Box 05 minLecture5.65
-
Dropdown Button with Links 09 minLecture5.66
-
Image Aspect Ratio 05 minLecture5.67
-
Image Dropdown 05 minLecture5.68
-
Horizontal Navigation Menu 05 minLecture5.69
-
Dropdown Navigation Menu 09 minLecture5.70
-
Image Gallery 07 minLecture5.71
-
-
Advanced CSS 49
-
CSS Transformation 06 minLecture6.1
-
3D Transformation 03 minLecture6.2
-
CSS Transition 05 minLecture6.3
-
Transition Speed Curve 02 minLecture6.4
-
Transition Delay 01 minLecture6.5
-
Transition Transform 02 minLecture6.6
-
Applying Style to Form Input 04 minLecture6.7
-
Styling Textarea 03 minLecture6.8
-
Grouping Forms With Div 04 minLecture6.9
-
Styling Submit Button 03 minLecture6.10
-
Color Form Input & Focus Pseudo-state 03 minLecture6.11
-
Border Styles for Forms 02 minLecture6.12
-
Search Input & Button Styling 02 minLecture6.13
-
Adding a Search icon 02 minLecture6.14
-
Animating an Input Field 02 minLecture6.15
-
Styling the Select Dropdown 02 minLecture6.16
-
Intro to CSS Animation 07 minLecture6.17
-
Applying Animation to Other Elements 01 minLecture6.18
-
Increasing Animation Range 01 minLecture6.19
-
Animating Multiple Properties 02 minLecture6.20
-
Animation Delay 02 minLecture6.21
-
Animation Iteration and Infinite Loop 02 minLecture6.22
-
Changing Motion Direction 02 minLecture6.23
-
Animation Speed Curve 01 minLecture6.24
-
Bouncing Effect 03 minLecture6.25
-
Animation Shortcut 02 minLecture6.26
-
Tooltip Advanced 08 minLecture6.27
-
Positioning Box Theory 05 minLecture6.28
-
Positioning Top & Bottom 02 minLecture6.29
-
Understanding Pseudo Elements 04 minLecture6.30
-
Pseudo-elements : First letter 01 minLecture6.31
-
Combining Pseudo-elements 01 minLecture6.32
-
Marker & Selection Pseudo-element 02 minLecture6.33
-
Before & After Pseudo-element 03 minLecture6.34
-
Creating a Speech Bubble 06 minLecture6.35
-
Positioning the Tooltip Arrow 04 minLecture6.36
-
Creating Image Thumbnails 03 minLecture6.37
-
Clickable Image Thumbnails 03 minLecture6.38
-
Rounded Images 01 minLecture6.39
-
Flipping Image 03 minLecture6.40
-
Text Over Image 05 minLecture6.41
-
Image Overlay 08 minLecture6.42
-
Centering Overlay Text 04 minLecture6.43
-
Box Overlay 04 minLecture6.44
-
Adjusting Box Overlay 03 minLecture6.45
-
Slide in Overlay | Implicit Vs Explicit Properties 07 minLecture6.46
-
Slide in Overlay – Sides 05 minLecture6.47
-
Pagination 06 minLecture6.48
-
Styling Pagination 04 minLecture6.49
-
-
Introduction to JavaScript 30
-
What is JavaScript? 02 minLecture7.1
-
Features & Applications of JavaScript 03 minLecture7.2
-
Development Environment 06 minLecture7.3
-
Linking JS Inline 03 minLecture7.4
-
Internal JS 03 minLecture7.5
-
External JS 06 minLecture7.6
-
What is Nodejs? 05 minLecture7.7
-
Installing Nodejs 03 minLecture7.8
-
Running Nodejs in VS Code 05 minLecture7.9
-
Installing a Local Server Environment 03 minLecture7.10
-
Benefits of Developing on a Local Server 05 minLecture7.11
-
Live Preview 02 minLecture7.12
-
Changing HTML Content with JS 07 minLecture7.13
-
Changing HTM Attr. Value with JS 04 minLecture7.14
-
Changing CSS with JS 02 minLecture7.15
-
Changing More CSS Properties 02 minLecture7.16
-
Using JS to Hide Elements 03 minLecture7.17
-
JS Syntax 05 minLecture7.18
-
Code Block 05 minLecture7.19
-
Variable Declaration & Initialization 06 minLecture7.20
-
Declaring, Initializing & Multiple Variables in a Statement 03 minLecture7.21
-
Varying Variables 02 minLecture7.22
-
Constant Variable 02 minLecture7.23
-
Identifier Rules 06 minLecture7.24
-
Assignment Vs Equal To 03 minLecture7.25
-
JS Comment 03 minLecture7.26
-
Understanding JS Data Types 04 minLecture7.27
-
Strings & Numbers 04 minLecture7.28
-
BigInt 04 minLecture7.29
-
Boolean 01 minLecture7.30
-
This content is protected, please login and enroll course to view this content!
Leave A Reply Cancel reply
You must be logged in to post a comment.
10 Comments
1. What makes the internet “fault tolerant”? Explain in your own words.
It is because of the redundancy in network routing paths.
2.What happens when one or more of these packets gets missing and fails to arrive at the destination?
If some packets are missing, it gets retransmitted or resend them and when they are completed and seen that all packets are there, TCP sign for a delivery and it is done.
(1)The internet is fault tolerant because there are many paths that packets can follow to get to the final destination.even if something goes wrong with a path there is an option for another path. Just like we can change our rout when driving if our first rout has a fault.
(2)The TCP won’t sign and the packet will be resend untill everything is complete.
(1)Redundancy and Resilience ,makes the internet “fault tolerant”.The term redundancy as refers to the internet means that there are multiple pathways and connections between its components.Redundancy ensures that if one pathway or connection fails ,data can still be routed through alternative pathways ,hence maintaining the flow of information.
(2) Mechanisms such as packet retransmission, error detection and correction work together to ensure the successful delivery of data from the server to the client . Through packet retransmission, when a packet fails to reach its destination,the receiving end can request the sender to retransmit the missing packet .This ensures that even if some packets are lost during transmission, they can be resend to ensure the complete delivery of the data .
1. What makes the internet “fault tolerant”? Explain in your own words.
Ans: What makes the internet fault tolerant is that the internet will always find its way in delivering data or information requested all the time by looking for the alternative least shortest path should anything go wrong like traffic congestion and what have you.
2. Data moving from one point to another (eg Server to Client), is broken down into many small pieces or packets and transmitted through different routes depending on internet traffic. What happens when one or more of these packets gets missing and fails to arrive at the destination?
Ans: TCP responsible for sending & receiving of data as packets won’t sign an acknowledgment that all packets requested were sent in full hence the server of the site where the information is being requested for has to resend and once TCP confirms that all the data or information broken down into packets are sent and assembled back at the client’s end is complete it acknowledges.
(1). Having option for path, by enabling data to be rerouted if one path is unavailable.
(2). The TCP. (Transmission control protocol) is responsible for the reliability of data transfer. TCP divides large data into smaller piece for transmission and reassemble these data at the receiving end. if the data are not complete or corrupted , TCP will make a request for retransmission of the data.
1. What makes the internet fault tolerant is the availability of different paths through which packets of data, which is the different pieces of broken data, travel through. These packets can travel at their own pace using the most efficient traffic while the TCP makes sure that the data are complete before it endorses it for approval. If the TCP doesn’t approve it which means that it not complete yet or in order they are resend.
2. When some pieces of the packets are missing, the TCP will not endorse it. In this case the missing packets are resend while the TCP vets them to make that they are complete and in order. Only then will it approve it for use.
1. The internet is fault tolerant because it uses:
– Redundant Paths: Multiple routes for data, so if one fails, another can be used.
– Decentralization: No single point of failure; many interconnected networks.
– Dynamic Routing: Routers find the best path for data in real-time.
– Protocols like TCP check for errors and resend lost data.
2. TCP enables reliable data transport by:
a. Each data packet is assigned a sequence number.
b. The receiver (usually the client e.g web browser when you access a website OR server e.g FTP server when uploading a file) sends an acknowledgment for each received packet.
c. If the sender (the client or server) does not receive an acknowledgment within a certain time, it assumes the packet is lost and retransmits it.
d. The receiver reassembles packets in the correct order using the sequence numbers.
If data is missing, the receiver identifies the missing packets by their sequence numbers and the sender retransmits them until all packets are successfully received and reassembled.
1). Fault tolerance in the Internet is the ability of many routers sending packets through the most available route to reach the designated IP address.
2).When there is or there are delayed or missing packets, the sever does not sign the packets available until the other packets arrive. So when there is an incomplete packets, the information does reach its destination as expected in whole. But when the remaining packets arrives, the information displays complete.
1. The internet is fault tolerant in the sense that the sending and receiving of information on internet keeps on going no matter the obstacle
2. Before the packets get delivered,the TCP cross-checks to see if they’re complete. If there’s a missing packet,it won’t get delivered until it’s complete
1. The internet is fault tolerant because packets of data have multi-route options to get to their destination so, “data” is rarely stranded.
2. TCP double-checks that the packet of data is complete before delivering to the client. If found incomplete it requests for the packets to be resent.