Getting started with web development - GSDC Makerere

Transcript

1. Getting Started With Web Development Abdulqudus Abubakre Frontend Developer @ CertifactionAg @ibn_abubakre
2. What is “web”? A network of fine threads constructed by a spider? 😅 The web or World Wide Web (WWW) is an interconnected system of public webpages accessible through the Internet.
3. How the Web Works
4. Web Development This simply refers to the work involved in building a website. These can range from simple static pages to complex web applications. Not to be confused with design, web development involves writing code that powers a websites functionality.
5. Web Development: cont’d Two main aspects of web development include • Frontend web development (client side) • Backend web development (server side) • Full stack
6. Frontend Development Basically involves writing HTML, CSS and JavaScript to allow users interact with a website. Now, frontend development has evolved and developers need to adapt to use more tools to get the job done faster and better. Several mods of these three basic building blocks (HTML, CSS and JavaScript) have appeared over time. • HTML: pug, haml • CSS: Less, Sass, PostCss • JavaScript: Vue, React, Angular, Svelte etc
7. Backend Development Backend Development is also known as server-side development. It is everything that the users don’t see and contains behind-the-scenes activities that occur when performing any action on a website. It focuses primarily on databases, backend logic, APIs, and Servers. Unlike frontend development, backend development can be done in almost any programming language of choice. Because of this, it is usually important to understand to understand the fundamentals such as: • How API works • Servers and Databases
8. Backend Development: cont’d Some of the languages you can use to write backend codes include: • JavaScript (nodejs) • Java (JavaEE, Spring) • C# (ASP, .Net Core) • C++ • Go • Ruby (rails) etc
9. Frontend - Backend Relationship
10. Full Stack Development This involves being able to write backend and frontend code. Full stack developers are usually able to build an entire application themselves because they write frontend and backend code.
11. Tips on how to get started with web development
12. Pick a side, and stick to it.
13. Get a roadmap to follow.
14. Be consistent and disciplined.
15. Follow the trends
16. Don’t jump on every new trend.
17. Know what language/framework you want to work with
18. How to determine what language to work with • What’s the most trendy language? • Learning curve • Market demand • What do you like?
19. Resources • https://frontendmasters.com/guides/learning-roadmap/ • https://roadmap.sh/backend • https://roadmap.sh/frontend • https://developer.mozilla.org/en-US/docs/Learn/Server-side • https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer