How To Be a Web Developer #17 Toba Talks Muhammad Yusuf Manshur Software Engineer at Widya Analytic 

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 

What Is a Web Application? How is it different from other types of apps? 01 x y 

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 

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 

How Web Applications Work Source: https://medium.com/@mikesparr/how-web-applications-work-3824f4b7ebeb 

What Is a Web Developer? 02 You need to know the definition, type, job, where and skills of web developer. 404 NOT FOUND 

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. 

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 

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 

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 

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 

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 

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 

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. 

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. 

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? 

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. 

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 

What Tools Do Web Developers Use? Depending on the role you take on, the tools commonly used are as follows 04 

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 

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 

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 

A Good Web Developer Is Continuously Learning 

CREDITS: This presentation template was created by Slidesgo, and includes icons by Flaticon, and infographics & images by Freepik Thanks!