├── README.md
├── images
└── cv_photo.png
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | # HTML Course & Project plan
2 |
3 | 1. Introduction
4 |
5 | - what is HTML? Why HTML? History of HTML
6 | - Advantages, Disadvantages of HTML
7 | - Content, Tag, Element, Attribute
8 | - Types of Tags -> container tag/pair tag, empty tag
9 | - Basic structure of HTML
10 |
11 | ```html
12 |
13 |
14 |
15 | Document
22 |
23 |
24 |
25 | ```
26 |
27 | - Inside Head tags (add title, link css file)
28 | `Document `
29 | - Comments (add comments for all sections)
30 |
31 | ```html
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 | ```
53 |
54 | - HTML Validation (check validity)
55 |
56 | 2. Typography
57 |
58 | - Headings, Horizontal rule, Line break
59 |
60 | ```html
61 |
62 | Anisul Islam
63 | Summary
68 |
69 |
70 |
71 | Employment History
72 |
73 |
74 |
75 | Education
76 |
77 |
78 |
79 | Skills
80 |
81 |
82 |
83 | Contact
84 |
85 |
86 |
87 |
88 | ```
89 |
90 | - Paragraphs
91 |
92 | ```html
93 |
94 | Summary
95 |
96 | A Software, web & cloud development graduate, an experienced full-stack
97 | software developer with a diverse and interesting technical background.
98 | Last 8 years trained millions of students in JavaScript, TypeScript,
99 | React.js, REST API, C++, Python, Java and many other subjects related to
100 | software development through a YouTube channel where 1,800 videos were
101 | uploaded and gained 3,33,000 subscribers.
102 |
103 |
104 |
105 |
106 | Developed with love by Anisul Islam
107 | Copyright copy 2022
108 |
109 | ```
110 |
111 | - Text-formatting tags -> b, strong, i, em, u, span, mark, sup, sub, pre, del
112 |
113 | - add strong tag inside header `Software Developer `
114 | - add italic tag inside h2 tag of all other sections ` Summary Developed with ♥ by Anisul Islam
121 | Copyright ©2022
122 |
123 | ```
124 |
125 | 3. List, Link, Images, Frames, Media
126 |
127 | - List: Ordered List, Unordered List, Definition List
128 |
129 | ```html
130 |
131 | Employment History
133 |
134 | Junior Software Developer at M-Files
135 | | DEC 2021 - JAN 2022
136 | Developed & tested M-Files React Metadata Card
137 |
138 |
139 |
140 | Research Assistant, Tampere University, Tampere
141 | | Nov 2020 - JAN 2021
142 |
143 | developed a full-stack website for the users to explore and select
144 | open-source software. Technologies used: JavaScript, React, Node,
145 | Express, MongoDB.
146 |
147 |
148 |
149 |
150 | Project Team Leader, Demola Global
151 | | Nov 2020 - JAN 2021
152 |
153 | Led and delivered a project to a client, M-Files to update the core
154 | application.
155 |
156 |
157 | Prepared & conducted user tests and reported findings to the client,
158 | M-Files.
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 | Education
168 |
169 | M.Sc. in Software, Web & Cloud
170 | Tampere University, Tampere, Finland
171 | Grading Point: 3.79/5
172 |
173 |
174 | B.Sc. in CSE
175 | Leasing University, Sylhet, Bangladesh
176 | Grading Point: 3.92/4
177 |
178 |
179 |
180 |
181 | ```
182 |
183 | - Link
184 |
185 | ```html
186 |
187 | Anisul Islam
188 | Software Developer
189 |
190 | Website
191 | LinkedIn
194 | GitHub
195 | Facebook Page
198 | Phone
199 | Email
200 |
201 |
202 | Anisul Islam
211 | Software Developer
213 | ```
214 |
215 | - Frames (add a youtube video / map using iframe)
216 |
217 | ```html
218 |
219 | Contact Skills
242 |
243 |
244 | Technologies
245 | Skill Level
246 |
247 |
248 |
249 |
250 | C, C++
251 | ★★★★☆
252 |
253 |
254 | Java
255 | ★★★★☆
256 |
257 |
258 |
259 | ```
260 |
261 | - Form example
262 |
263 | - add label, input-text, email, submit, button, text-area
264 | - required
265 |
266 | ```html
267 |
268 | Contact
319 |
320 | 6. Web accessibility
321 |
322 | - what is web accessibility?
323 | - how to test? - lighthouse, axe tool
324 | - how to make website accessible?
325 |
326 | 7. how to add basic CSS style in HTML
327 | ```html
328 |
337 | ```
338 |
--------------------------------------------------------------------------------
/images/cv_photo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anisul-Islam/html5-cv-project/0e214f3c872dcf79800f2517051f01452151bb62/images/cv_photo.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Anisul Islam
9 |
10 |
19 |
20 |
21 |
22 |
42 |
43 |
44 |
45 |
46 |
47 |
48 | Summary
50 | A Software, web & cloud development graduate, an experienced
51 | full-stack software developer with a diverse and interesting technical
52 | background. Last 8 years trained millions of students in JavaScript,
53 | TypeScript, React.js, REST API, C++, Python, Java and many other
54 | subjects related to software development through a YouTube channel
55 | where 1,800 videos were uploaded and gained 3,33,000 subscribers.
56 |
57 |
58 |
59 |
60 |
61 |
62 | Employment History
64 |
65 | Junior Software Developer at M-Files
66 | | DEC 2021 - JAN 2022
67 | Developed & tested M-Files React Metadata Card
68 |
69 |
70 |
71 | Research Assistant, Tampere University, Tampere
72 | | Nov 2020 - JAN 2021
73 |
74 | developed a full-stack website for the users to explore and select
75 | open-source software. Technologies used: JavaScript, React, Node,
76 | Express, MongoDB.
77 |
78 |
79 |
80 |
81 | Project Team Leader, Demola Global
82 | | Nov 2020 - JAN 2021
83 |
84 | Led and delivered a project to a client, M-Files to update the
85 | core application.
86 |
87 |
88 | Prepared & conducted user tests and reported findings to the
89 | client, M-Files.
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 | Education
100 |
101 | M.Sc. in Software, Web & Cloud
102 | Tampere University, Tampere, Finland
103 | Grading Point: 3.79/5
104 |
105 |
106 | B.Sc. in CSE
107 | Leasing University, Sylhet, Bangladesh
108 | Grading Point: 3.92/4
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 | Skills
118 |
119 |
120 | Technologies
121 | Skill Level
122 |
123 |
124 |
125 |
126 | C, C++
127 | ★★★★☆
128 |
129 |
130 | Java
131 | ★★★★☆
132 |
133 |
134 | Python
135 | ★★★★☆
136 |
137 |
138 | HTML
139 | ★★★★★
140 |
141 |
142 | CSS
143 | ★★★★☆
144 |
145 |
146 | GitHub
147 | ★★★★☆
148 |
149 |
150 | Bootstrap
151 | ★★★★☆
152 |
153 |
154 | JavaScript
155 | ★★★★☆
156 |
157 |
158 | React.js
159 | ★★★★☆
160 |
161 |
162 |
163 | TypeScript
164 | ★★★☆☆
165 |
166 |
167 | Node.js
168 | ★★★★☆
169 |
170 |
171 | Express.js
172 | ★★★★☆
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 | Contact
235 |
236 |
237 |
238 |
239 |
240 |
244 |
245 |
246 |
247 |
--------------------------------------------------------------------------------
