-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
70 lines (70 loc) · 6.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"
integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<title>Web Development</title>
</head>
<body class="p-2 bg-primary">
<div class="bg-secondary p-3 m-2 rounded-3">
<h1 class="text-white"><u>Web Application Development</u></h1>
<p class="text-white p-2">This Journey to be a Full-Stack Web Application Developer is divided into two parts:</p>
</div>
<div class="p-3 m-2 rounded-3" style="background-image: url('./Lecture_14/03-BloG-It-NoW_App/images/bg_img.jpg');">
<h3><u>Part 01 - Study Part: Lectures</u></h3>
<div class="row">
<div class="col-lg-7 col-md-12 col-sm-12 p-1">
<ul>
<li><a class="text-dark" href="./Lecture_01/index.htm" target="_blank">Lecture_01 ⇒ HTML basic tags, Link, Form, List, Table</a><br><br></li>
<li><a class="text-dark" href="./Lecture_02/index.htm" target="_blank">Lecture_02 ⇒ HTML Semantics, Media Elements, CSS Basics, Combinators, Selectors, PseudoClasses</a><br><br></li>
<li><a class="text-dark" href="./Lecture_03/index.htm" target="_blank">Lecture_03 ⇒ Box-Model, CSS Units, Display Property, Position Property</a><br><br></li>
<li><a class="text-dark" href="./Lecture_04/index.htm" target="_blank">Lecture_04 ⇒ Border, Background, FlexBox, Float, Font, ListStyle, NewsPage</a><br><br></li>
<li><a class="text-dark" href="./Lecture_05/index.htm" target="_blank">Lecture_05 ⇒ 3Dcards, BoxShadow, MediaQueries, ResponsiveNavBar, Transform, Transition</a><br><br></li>
<li><a class="text-dark" href="./Lecture_06/index.htm" target="_blank">Lecture_06 ⇒ Animation with CSS, CSS Grids</a><br><br></li>
<li><a class="text-dark" href="./Lecture_07/index.htm" target="_blank">Lecture_07 ⇒ CSS Variables, bootstrap4</a><br><br></li>
<li><a class="text-dark" href="./Lecture_08/index.html" target="_blank">Lecture_08 ⇒ JS_Basics, JS_Advanced, Asynchronous Programming</a><br><br></li>
</ul>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 p-1">
<ul>
<li><a class="text-dark" href="./Lecture_09/index.html" target="_blank">Lecture_09 ⇒ AJAX, Axios</a><br><br></li>
<li><a class="text-dark" href="./Lecture_10/index.html" target="_blank">Lecture_10 ⇒ NodeJS Intro, require, module.exports, FileSystem</a><br><br></li>
<li><a class="text-dark" href="./Lecture_11/index.html" target="_blank">Lecture_11 ⇒ File System With Promise, NPM Packages, Express_Apps, Path_Params</a><br><br></li>
<li><a class="text-dark" href="./Lecture_12/index.html" target="_blank">Lecture_12 ⇒ Query_Params, EJS Templating, HandleBars</a><br><br></li>
<li><a class="text-dark" href="./Lecture_13/index.html" target="_blank">Lecture_13 ⇒ GET-POST-request, Restful_Routing, CSR & SSR</a><br><br></li>
<li><a class="text-dark" href="./Lecture_14/index.html" target="_blank">Lecture_14 ⇒ MongoDB_Introduction, Mongoose with ExpressJS, BloG-It-NoW_App</a><br><br></li>
<li><a class="text-dark" href="./Lecture_15/index.html" target="_blank">Lecture_15 ⇒ Middleware Functions, BloG-It-NoW_App_v2, client-side validation, server-side validation</a><br><br></li>
</ul>
</div>
</div>
<h2 class="d-inline">Note:</h2><p class="d-inline text-center"><strong> To understand the Lectures, you are recommended to open inspect or developer-tools window( especially for HTML, CSS and JavaScript related Lectures), to see the code and better understand it.</strong></p>
</div>
<div class="bg-white p-3 m-2 rounded-3" style="background-image: url('./Lecture_14/03-BloG-It-NoW_App/images/bg_img.jpg');">
<h3><u>Part 02 - Practical/Projects Part: Assignments</u></h3>
<ul class="p-3 m-2">
<li><a class="text-dark" href="./Assignment_01/index.htm" target="_blank">Assignment_01 ⇒ Bio Data Form & School Time Table</a><br><br></li>
<li><a class="text-dark" href="./Assignment_02/index.htm" target="_blank">Assignment_02 ⇒ Phone Book</a><br><br></li>
<li><a class="text-dark" href="./Assignment_03/hover_over_me.htm" target="_blank">Assignment_03 ⇒ Hover On Me</a><br><br></li>
<li><a class="text-dark" href="./Assignment_04/index.htm" target="_blank">Assignment_04 ⇒ One Piece Anime Homepage</a><br><br></li>
<li><a class="text-dark" href="./Assignment-05/index.html" target="_blank">Assignment_05 ⇒ Software Developer Portfolio</a><br><br></li>
<li><a class="text-dark" href="./Assignment_06/index.html" target="_blank">Assignment_06 ⇒ To Do List Web App</a><br><br></li>
<li><a class="text-dark" href="./Assignment_07/index.html" target="_blank">Assignment_07 ⇒ Weather Web App</a><br><br></li>
<li><a class="text-dark" href="https://my-todo-list-web.netlify.app/" target="_blank">Angular App ⇒ To-Do-List App</a><br><br></li>
<li><a class="text-dark" href="https://blog-it-now.onrender.com" target="_blank">Full-Stack App ⇒ BloG-It-NoW App</a><br><br></li>
</ul>
</div>
<footer class="container-fluid bg-primary">
<div class="text-center pb-0 pt-2 text-white">
<h5>⇒ The code for this Website can be found
<a href="https://github.com/SidP919/Web-Development/" target="_blank">
<h4 class="text-white d-inline">here</h4></a></h5>
</div>
</footer>
</body>
</html>