This is the Slide I used at the Lagos Web Meetup where I talked on Web Development and Web Development Technologies. It outlines most of what was discussed at the meetup.

1. Web Development &
Web development
technologies
Getting it on with the web by Temitayo
Fadojutimi (Adesege)

2. Getting it on with the
web
If opportunity doesn’t knock, build a door
- milton berle

3. Temitayo Fadojutimi (Adesege)
- Senior Software Developer with 7 years experience
- First language was PHP
- Then moved on to Python and Javascript
- Product designer and DevOps Engineer
- Machine learning and artificial intelligence enthusiast
- Entrepreneur and tech founder
- Loves cooking
- Currently works at Andela; Andela’s mission is to
advance human potentials
Generally, a critical thinker and world-class solutions
provider.

4. Web development

5. Web development
generally refers to the
process of developing
websites for use on the
internet or intranet.
- Web design
- Content development
- client/server-side
scripting
- Database technology
etc

6. Web design !==
Web development
- Web design refers to
both the aesthetic
portion of a website
and it’s usability.
- Web development is
the coding or
programming that
enables a website
functionality.

8. Web development
technologies

9. - HTML is the building block of all websites.
- HTML stands for Hypertext Markup Language
- HTML defines and structures the content of a website by
using a simple markup syntax.
- HTML uses tags like <div />, <p />, <span />. Tags can be
open and close or self-closing.
- Open and close tags are written <div>Hello world</div>
- Self closing don’t have an explicitly close tags e.g. <input
/>, <img />, <meta /> etc

10. - CSS is a simple way for adding styling to your websites
(e.g. adding fonts, colors, layout etc).
- CSS stands for Cascading Stylesheet
- CSS can be embedded in a HTML document as inline or
external.
- To apply styling to an element, you first select the
element. E.g to give all paragraph in a page a red color
p {
color: red;
}
- You can select an element by their tagname, class, id or
any other attribute specified on the element

11. - JavaScript is the essential building block for adding
dynamic features to your website.
- Javascript is everywhere
- You can use Javascript both on the client side and server
side
- Frameworks for use on the client side include React,
Angular, Vuejs etc
- Framworks for use on the server side include Express,
Hapi, Koajs, etc
- Node.js enables you to execute JavaScript code at the
backend
- ECMAScript is a subset of JavaScript. JavaScript is
basically ECMAScript at its core but builds upon it.
- Some ECMAScript versions include ES2015, ES2017.

12. - Javascript is not strictly typed. TypeScript is a syntactic
sugar on top of Javascript
- It enables features like type checking, module import
etc.
- If you must learn Angular, it’s important you learn
TypeScript too.
- You can also use Typescript in any Javascript project.
- TypeScript works very well with Visual Studio Code

13. - Git is a type of version control system
- Version control software keeps track of every
modification to the code in a special kind of database.
- If a mistake is made, developers can turn back the clock
and compare earlier versions of the code to help fix the
mistake while minimizing disruption to all team
members.
- It allows for collaboration between team members
- Github is a web-based hosting version service for
version control using Git.
- You can find most of the popular open source projects
on github.com

15. Thank you for the
audience
@adesege_