Kwarabuild women in tech workshop

Summary of the workshop organized for kwara state ladies in tech, facilitating them on web development.

Transcript

1. KWTM Workshop Web Development Session Ahmed Olanrewaju […full stack web architect, mobile web specialist, user interface designer]
2. Course outline • INTRODUCTION • HANDS ON HTML AND SEMANTIC MARKUP • LAYOUT USING CSS FLEXBOX AND GRID • SETUP GIT • HOST ON GITHUB PAGE • PUBLISH ARTICLE ON MEDIUM
3. Introduction • Create Account • Editors • Setting up development machine • Resources
4. Hands on HTML and semantic markup • HTML tag structure • Tag list • Structuring content – Text, Links, Images, Line breaks • Tables • Box model – Margin, Padding, Width, Height, Border • Putting it all together
5. Layout using CSS flexbox and grid • Task 1: Create a task list • Task 2: Create a portfolio • Task 3: Create a form layout • Resources
6. Setup GIT • Get started with git and github • Learn basic workflow • Push workshop project • Resources
7. Host on Github page • Get started with github page • Host workshop project • Resources
8. Publish article on medium • Get started with medium social blog • Share experience about the workshop • Resources
9. Resources EDITORS https://atom.io/ http://www.sublimetext.com/2 http://codepen.io/projects/ http://notepad-plus-plus.org/ http://aptana.com/ RESOURCES LINK CREATE ACCOUNT http://github.com/ https://medium.com/ http://twitter.com/ http://kwtm.slack.com https://figmaforbeginners.teachable.com/ https://trydesignlab.com/figma-101- course/introduction-to-figma/
10. Resources HANDS ON HTML AND SEMANTIC MARKUP RESOURCES HTML BASIC https://hnginternship5.github.io/HNGInter nship/html.html https://www.htmldog.com/references/ht ml/tags/ https://www.w3schools.com/tags/default. asp https://www.quackit.com/html/tags/ CSS LAYOUT -- BASIC, FLEXBOX AND GRID LAYOUT http://flexbox.malven.co/ http://grid.malven.co/ https://learn.freecodecamp.org/responsiv e-web-design/css-flexbox/ https://learn.freecodecamp.org/responsiv e-web-design/css-grid/
11. Resources GETTING STARTRED WITH GIT https://www.udacity.com/course/how-to- use-git-and-github--ud775 https://towardsdatascience.com/getting- started-with-git-and-github-6fcd0f2d4ac6 https://gitexplorer.com/ https://bolajiayodeji.com/git-cheat-sheet/
12. Thank you Ahmed Olanrewaju […full stack web architect, mobile web specialist, user interface designer] Follow @ahmzyjazzy on twitter