How to be a Web Developer?

Becoming a successful web developer isn't just about mastering programming languages and frameworks. While technical prowess is crucial, soft skills play an equally vital role in navigating the complexities of the tech world and ensuring project success. For aspiring and budding developers, understanding and cultivating these non-technical abilities can be the key differentiator in their careers.

Cultivating these soft skills alongside technical expertise will not only enhance a web developer's individual performance but also contribute significantly to the success of their teams and the products they build.

This presentation have been delivered at #17 Toba Talks by Widya Analytic

Transcript

1. How To Be a Web Developer #17 Toba Talks Muhammad Yusuf Manshur Software Engineer at Widya Analytic
2. Contents 1. What Is a Web Application? • Difference Between Web application and Website. • Web applications vs. other application types. • How do web applications work? • How to develop a web app? 2. What Is a Web Developer? • Types of Web Developers. • What Do Web Developers Do? • Where Do Web Developers Work? 3. What Skills Do You Need to Be a Web Developer? • What Is Needed to Become a Web Developer? • What Is a Programming Language? • High-Level vs Low-Level Programming Languages 4. What Tools Do Web Developers Use? References: • https://thebestschools.org/careers/career-guide/web-developer/ • https://brainstation.io/career-guides/what-is-web-development
3. What Is a Web Application? How is it different from other types of apps? 01 x y
4. Difference Between Web application and Website • A piece of software that can be accessed by the browser. A Browser is an application that is used to browse the internet. • It requires a server to manage requests from the users. Website is a collection of related web pages that contains images, text, audio, video, etc. It can be consist of one page, two pages, and n number of pages. Web Application Website
5. Web applications vs. other application types Web apps A web application is a program that uses a web browser to perform a particular function. Mobile apps Use on a specific platform or device, such as Android or IoS. Hybrid apps Combine elements of mobile apps and web apps
6. How Web Applications Work Source: https://medium.com/@mikesparr/how-web-applications-work-3824f4b7ebeb
7. What Is a Web Developer? 02 You need to know the definition, type, job, where and skills of web developer. 404 NOT FOUND
8. What Exactly is Web Development? Web development is closely related to the job of designing the features and functionality of websites and apps (often called “web design”), but the “web development” term is usually reserved for the actual construction and programming of websites and apps.
9. Types of Web Developers Front-End Developer Focus on the user-facing sides of websites Back-End Developer Specialize in websites' nuts and bolts Full-Stack Developer Combine front-end and back-end development
10. Types of Web Developers Front-End Developer Focus on the user-facing sides of websites Back-End Developer Specialize in websites' nuts and bolts Full-Stack Developer Combine front-end and back-end development
11. Types of Web Developers Front-End Developer Focus on the user-facing sides of websites Back-End Developer Specialize in websites' nuts and bolts Full-Stack Developer Combine front-end and back-end development
12. What Do Web Developers Do? Focus on the codes that allow websites to run smoothly Web Developer Web Designer Emphasize front-end aesthetics and feel
13. What Do Web Developers Do? Focus on the codes that allow websites to run smoothly Web Developer Web Designer Emphasize front-end aesthetics and feel
14. Where Do Web Developers Work? • Most web developers work regular schedules in office-based settings • Most enjoy some freedom in their tasks, including a balance between structured and unstructured work • With over 70% of web developers rating work with others in a group or team as very or extremely important
15. What Skills Do You Need to Be a Web Developer? 03 As the core of web development work involves writing code, Web Developers must have advanced programming skills, and be fluent in a number of programming languages and libraries.
16. What Is Needed to Become a Web Developer? • Foundations: Understanding of how the web works. • Programming fundamentals: Foundational knowledge of JavaScript • Front-end frameworks: to build complex and professional-level user interfaces. • Web servers: how to build servers using a modern back-end framework. • Server-side programming: understanding of Server Side Rendering and Templating Engines • Databases: understand core concepts around data on a web server.
17. Programming languages that are closer to a problem domain, and more human-like and abstract, are called “high-level” programming languages. Languages that are more computer-like in their syntax and terminology are considered “low-level” programming languages. What Is a Programming Language?
18. High-Level vs Low-Level Programming Languages Some common programming paradigms include: • Functional: Conceives of a problem as solved through a series of “functions” that, given the input, return a result. • Object Oriented: Objects have properties and actions that they can take, and can manage their own state. • Imperative: A more literal, computer-like paradigm that conceives of a problem as a series of instructions for the computer.
19. Skills Web Developers Need to Build • Operations evaluation • Project management • Complex problem-solving • Data analysis • Deductive reasoning • Coding and programming • SEO strategy • Testing and debugging • User interface design • Database management Soft Skills Hard Skills
20. What Tools Do Web Developers Use? Depending on the role you take on, the tools commonly used are as follows 04
21. The basic tools involved in web development – sometimes called the cornerstone technologies of the internet – are the following programming languages: • HTML (Hypertext Markup Language) • CSS (Cascading Style Sheets) • JavaScript
22. There are, however, a number of other programs used to facilitate the construction of sites that would otherwise have to be done “from scratch” by writing code. Content management systems (CMS) fall into this category, including: • WordPress • Joomla! • Drupal • TYPO3 • Adobe Experience Manager
23. Developers can also count on a variety of web development software tools, including: • Figma – A toolkit for digital designs • InVision Cloud – A leading digital product design platform • Visual Studio Code – A code editor for advanced website design • Foundation – A family of front-end frameworks • Chrome DevTools – Tools from the popular browser that facilitate
24. A Good Web Developer Is Continuously Learning
25. CREDITS: This presentation template was created by Slidesgo, and includes icons by Flaticon, and infographics & images by Freepik Thanks!