The tech field is rife with peculiar terms and buzzwords which, to the untrained ear, can be extremely baffling. Web development is no exception, and if you want to make it as a programmer, you need to be familiar with the industry lingo.<\/p>\n
From Java to JavaScript, frontend to backend and apps to APIs, it\u2019s normal to feel overwhelmed by the seemingly endless stream of new terminology.<\/p>\n
However, getting to grips with key terms and acronyms will make your journey into the industry a whole lot easier\u2014whether you\u2019re considering a career in web development, already learning to code or preparing for your first interview.<\/p>\n
To simplify the process and demystify the jargon, we\u2019ve put together an A-Z glossary of 50 key web development things. So, what are you waiting for?<\/p>\n
This list will give you a good introduction to some of the most important terms that you\u2019ll come across when working in web development.<\/p>\n
You might not necessarily need each term in your day-to-day work, but it\u2019s good to at least know what they are and what they\u2019re referring to. They range from the most basic to the more technical, and should serve as your entry point for further research and investigation!<\/p>\n
A is for agile, a major buzzword across the entire tech industry right now. Agile web development essentially refers to a particular way of working, and you\u2019ll often hear this term in the startup world. In an agile team, web developers will work according to weekly or biweekly sprints.<\/p>\n
A sprint usually consists of five phases: design, develop, test, deploy and review. You can learn more about agile web development in this article<\/a>.<\/p>\n An algorithm is basically a set of steps for carrying out certain tasks. In computer programming, algorithms are a key part of problem-solving. When creating an algorithm, developers will document all the necessary steps it took to arrive at a solution to a problem, and what each step involved.<\/p>\n API stands for Application Programming Interface. An API enables two different programs to communicate with each other by making some parts of the website code available to developers. Developers can use this code, i.e. the API, to build tools and widgets that can be connected to that particular website. A classic example is the Facebook API, which enables apps like Facebook Messenger and Words with Friends.<\/p>\n You\u2019re no doubt familiar with apps, and probably use several on a daily basis. An application is basically a type of software that enables the user to perform different tasks\u2014whether it\u2019s setting an alarm on your smartphone or typing a document in Microsoft Word. As a developer, you need to be familiar with the difference between desktop apps, mobile apps and web apps. See also: Web app.<\/p>\n The way in which a website is built determines how it appears on different devices. Adaptive design creates a website in several different layouts, each suited for different screen sizes. Depending on what device is being used to access the website, the website will adapt and deliver the appropriate layout. See also: responsive design and mobile-first.<\/p>\n Bootstrap is a free, open-source frontend framework for designing websites and web apps.<\/p>\n It was developed by Mark Otto and Jacob Thornton at Twitter in order to encourage consistency across internal tools. Bootstrap includes HTML and CSS-based design templates for typography<\/a>, forms, buttons, tables, navigation, modals and more, plus JavaScript plugins. Check out this beginner\u2019s guide to Bootstrap<\/a> to get you started. See also: frameworks and frontend.<\/p>\n Backend development essentially refers to everything that goes on behind the scenes.<\/p>\n What happens at the backend\u2014or server-side\u2014powers what happens at the frontend, i.e. what the user sees and interacts with. Backend development can be broken down into four main components of a software stack: the server, the database, the operating system, and the software. You can learn more about the difference between frontend and backend elsewhere on the blog\u00a0<\/a>.<\/p>\n A web browser is the software used to access the internet and display web pages. When you type a web address or URL into the browser, you are effectively sending out a series of requests. The browser will gather all the different elements that make up that particular webpage, such as images, ads and content, from wherever they are stored (i.e. different directories or servers) in order to display the page that you see. The most common browsers include Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, Safari for Apple, and Opera.<\/p>\n If you want to work as a web developer,<\/a> this is one word you\u2019ll definitely need in your vocabulary! Put simply, a bug is an error that prevents a website or app from running as it should. In the world of web development, you\u2019ll often deal with bug reports and be tasked with fixing said bugs.<\/p>\n A cache is a temporary storage space for data. When you visit a website, the files that you request are automatically stored in the cache. If you return to that same website in the near future, your browser will retrieve the necessary files from your cache rather than from the original server\u2014so the webpage will load quicker.<\/p>\n Of course, you can\u2019t call yourself a web developer until you know what code is! Code is essentially what web developers write using programming languages (scroll down to languages in this glossary!). To see exactly what code looks like, right-click on your internet browser window and click \u201cview page source\u201d. You\u2019ll then be able to see the code that\u2019s behind this particular website.<\/p>\n CSS stands for Cascading Style Sheets. It is a markup language responsible for the visual elements of a website.<\/p>\n HTML (another markup language) is used to determine the structure and content of the webpage. Web developers will then use CSS to style this content; in other words, CSS tells the browser how the HTML elements should be displayed. CSS is used to apply colors and to determine font, text size and alignment, to name just a few. Interested in learning more about it? We\u2019ve got a detailed guide to CSS<\/a>.<\/p>\n A crucial aspect of development and programming, data structures are a way of organizing and storing data for maximum efficiency\u2014much like books in a library. Data structures make it easy to find, access, sort, insert and delete data. There are many different types of data structures, including linked lists, stacks, queues and sets.<\/p>\n Remember those bugs we talked about? Well, debugging is the process of identifying and dealing with them.<\/p>\n Debugging is a multistep process: the developer locates the problem, isolates the source and then either gets to work fixing it or comes up with a workaround. The debugging process ends with testing and, if necessary, further fixes.<\/p>\n Learn more about it in our complete beginner’s guide to debugging<\/a>.<\/p>\n Deployment is a key step in the web development process. Once a website or an app has been developed and tested, it\u2019s ready to go live; in other words, it\u2019s ready to be deployed. There are several different stages to deploying a website, with the last being hosting it. These days, you can host a website on the internet for free<\/a>\u2014all you need is an email address!<\/p>\n A crucial part of web development and software engineering<\/a>, documentation is essentially the central point of reference for anyone involved in managing, maintaining or using a website or piece of software. Documentation may provide information on requirements, architecture and design, technical properties, information for the end user, or marketing.<\/p>\n A website\u2019s domain name is essentially its address on the world wide web.<\/p>\n It\u2019s the address that users type into the browser in order to view a website\u2014such as “careerfoundry.inbearbeitung.de”. Every website can be identified by its IP address (a series of numbers), and the domain name is just a more user-friendly label for these numbers.<\/p>\n Domains are split into two levels: in the case of CareerFoundry\u2019s website, the \u201cCareerFoundry\u201d part is the top-level domain, while the \u201c.com\u201d part is the second level domain.<\/p>\n Frameworks were invented to make the process of building a website faster and easier.<\/p>\n You can think of a framework as a collection of solutions, tools and components that you can access in one central location\u2014rather than seeking them all out separately each time. Some common frameworks include Ruby on Rails, Bootstrap, AngularJS and Joomla.<\/p>\n Remember how the backend is everything that goes on behind the scenes, and powers what goes on at the frontend? The frontend of a website, also known as client-side, is what the end user sees and interacts with. Frontend languages include HTML, CSS and JavaScript, which all have a hand in determining the visual output of a website.<\/p>\n We\u2019ve already covered both the frontend and the backend: now it\u2019s time to throw full-stack development into the mix. Full-stack developers work across all three layers<\/a>: the frontend, the backend, and the database layer.<\/p>\n Because of the sheer depth of their knowledge across the entire tech stack<\/a>, this kind of developer tends to have years of industry experience and gets paid well for it, as our full-stack salary guide shows<\/a>.<\/p>\n An absolute staple in the web development world, Git is a version control system where developers can store and manage their code.<\/p>\n As a web developer, you\u2019ll make constant changes to your code whenever you\u2019re in the process of creating something, be it an app or a website. Git enables you to track these changes and reverse them if necessary, and also to work together with other teams and manage multiple projects at once.<\/p>\n GitHub is a cloud interface for Git. It has been around since 2008 and now has over 28 million users worldwide, making it the largest host of source code in the world! GitHub offers all the version control functionality of Git, but also offers its own features, such as bug tracking, task management and project wikis. Discover why GitHub is so important for web developers<\/a>.<\/p>\n HTML stands for Hypertext Markup Language. Simply put, it\u2019s a computer language used to create websites. Or is it one? There’s a big debate about if HTML is a programming language or not<\/a>, but safe to say it’s one of the building blocks of the web.<\/p>\n Essentially, HTML describes how a document should be displayed by an internet browser as a webpage. It consists of tags, elements and attributes and, once you\u2019ve got the hang of it, is pretty simple to work with! This beginner\u2019s guide to HTML<\/a> will tell you more.<\/p>\n Yet another acronym to get your head around: HTTP stands for Hypertext Transfer Protocol, and is used to transfer data across the internet. HTTP sends the data (say, a HTML document or an image) from an HTTP server program (a web server) to an HTTP client program (a web browser).<\/p>\n Information architecture<\/a> is the practice of organizing complex information in a clear and logical way. In terms of websites and apps, this means creating a user-friendly structure that makes it easy for the user to find their way around.<\/p>\n IA is not just for designers; developers are information architects, too, in the way they structure their code. Generally speaking, site maps, hierarchies, categorizations, navigation and metadata are all part of IA.<\/p>\n Java is one of the most popular programming languages out there. One of the main reasons it is so popular is that it is platform-independent, meaning that programs built using Java can be run on any device, regardless of what operating system is being used.<\/p>\n Java has been around since 1995, and is a concurrent, class-based and object-oriented language. Learn more about Java in this beginner\u2019s guide to the 10 most popular programming languages<\/a>.<\/p>\n While we\u2019re on the subject of popular programming languages, let\u2019s talk about JavaScript. JavaScript is primarily used as a client-side language, meaning that it is embedded into the HTML of a page and sent to the browser. Web developers use JavaScript to add automation, animations and interactivity to web pages<\/a>.<\/p>\n Remember JavaScript? Well jQuery is a JavaScript library (we\u2019ll go into libraries further down the glossary).<\/p>\n jQuery basically simplifies the task of using JavaScript on your website by condensing several lines of JavaScript code into a single line. Rather than adding many lines of JavaScript code, the developer can simply take the \u201ccompact version\u201d from the jQuery library.<\/p>\n L is for languages, and web development is full of them! We\u2019ve already mentioned a few languages in this glossary (remember CSS, HTML and Java?), but what exactly is a language in this context?<\/p>\n Languages are basically what programmers use to build websites, apps and software<\/a>. There are programming languages, markup languages, style sheet languages and database management languages\u2014check out Wikipedia’s list of all the different languages<\/a>.<\/p>\n As we saw with the example of JavaScript (the programming language) and jQuery (a JavaScript library), libraries can save developers considerable time and effort. Libraries are stores of pre-written code, or modules, that programmers can take and insert into the code they\u2019re writing.<\/p>\n Minification is one of my favorite web development buzzwords\u2014it’s the process of minimizing code and markup in order to reduce the file size.<\/p>\n When creating a HTML file, for example, developers will most likely use spacing, comments and variables to make the code more readable as they work with it. To minify the code once the webpage is ready to go live, developers will remove these comments and spaces to ensure a quicker page-load time (crucial for delivering a good user experience!)<\/p>\n Mobile-first is an approach to web design and development<\/a> that prioritizes mobile devices. Rather than building a website with desktop in mind and then considering how it might look on a mobile device, with a mobile-first approach, the website is first built for the small screen. Mobile-first means adopting either responsive or adaptive design (both are included in this glossary!).<\/p>\n It’s crucial not to get your sports buzzwords and your web development buzzwords mixed up.<\/p>\n Programmers might often hear talk of \u201cMVP\u201d\u2014or minimum viable product<\/a>. The minimum viable product is the most pared-down version of a product that can be released to market. When adopting an MVP approach, developers will first focus on the core features and functions that are absolutely crucial.<\/p>\n Then, once the product has been released and user feedback has been gathered, they will continue to build the complete set of features.<\/p>\n MySQL is the world\u2019s most popular open-source database management system.<\/p>\n If you\u2019re brand new to web development, this might not mean much to you just yet, so let me explain. A database is a structured collection of data, and an essential component of most websites. A database management system is a type of software that manages these databases. What does that have to do with your website code? Find out in Elated’s guide for beginners<\/a>.<\/p>\n An operating system, or OS, is a type of software that enables the user to run applications on a device. Say you have a Samsung Galaxy smartphone; the operating system in this case is Android. Any apps that have been built for the Android OS can run on your Samsung. The iPhone, on the other hand, uses the iOS operating system and can only run apps that have been built with this in mind.<\/p>\n PHP stands somewhat confusingly for PHP: Hypertext Preprocessor, which is an example a recursive acronym<\/a>. Confusing naming origin aside, PHP is a server-side (or backend) scripting language.<\/p>\n Among other things, PHP can be used to generate dynamic page content, to send and receive cookies, to control user access and to encrypt data. Why PHP? Well, it\u2019s compatible with almost all servers used today, it\u2019s fairly easy to learn, supports a wide range of databases, and it\u2019s free to download!<\/p>\n A plugin is basically an extension that adds extra functionality to an existing software, such as plugins for your browser or add-ons for the WordPress CMS. Why would you build an app to support plugins? First of all, it\u2019s an easy way to add new features as it enables third-party developers to build upon the existing app, and secondly, it can help to reduce the size of an app.<\/p>\n Another programming language, Python was named after Monty Python\u2014true story! Python is widely adopted and supported; Google, Reddit, NASA, and Dropbox are among some of the most well-known companies using it.<\/p>\n Python is especially useful for data science<\/a>, machine learning, automation and API development. At the same time, it\u2019s known for its readability and is therefore fairly easy for beginners to learn and use. Web developers are particularly fond of two of its frameworks, Django and Flask.<\/p>\n Resolution is a metric used to describe the size and quality of an image. It also refers to the display capabilities of a computer or mobile device\u2014i.e. how many pixels a screen is able to display both horizontally and vertically. In a web development context, it\u2019s important to think about how different images will render on different screen sizes.<\/p>\n Responsive design ensures that a website is displayed correctly no matter what device the user is viewing it on. Responsive websites are built in such a way that they adapt to different screen sizes, so the user gets the same quality and ease-of-use regardless of whether they\u2019re browsing on desktop, mobile, or tablet. You can learn the differences between responsive and adaptive web design<\/a>.<\/p>\n Ruby is another programming language\u2014a dynamic, open-source programming language with a focus on simplicity and productivity, in fact. Ruby on Rails is a framework (remember frameworks?) that is built in Ruby. In the web development world, you might hear Ruby on Rails referred to simply as \u201cRails\u201d. A question many beginner web developers ask is \u201cIs it worth learning Ruby on Rails?<\/a>\u201d.<\/p>\n A sitemap is an outline of all the pages on a website. There are three different types of sitemaps: those used by web designers when planning a website, hierarchical listings intended for the human user, and structured listings intended for search engines. Web developers use XML sitemaps to publish lists of links across their websites, in line with Google\u2019s Sitemaps Protocol.<\/p>\n Software stacks make up the backend of a website, and they are essentially bundles of software that work together. In the case of a smartphone, for example, the software stack would be made up of the operating system, the phone app, the web browser and other basic applications.<\/p>\n SSL stands for Secure Sockets Layer. It\u2019s a standard security protocol for ensuring that all data transmitted between the web server and the browser remains encrypted\u2014and therefore unreadable to the naked eye. You can tell if a website has an SSL certificate by looking at the web address: if the URL starts with \u201chttps\u201d, the website is secure. You\u2019ll also see a padlock symbol in the browser bar.<\/p>\n One of the key tools you\u2019ll use in web development is a text editor. A text editor is just a type of software used to write plain, unformatted text. You\u2019ll use a text editor such as SublimeText, TextEdit, or TextWrangler to write your initial code. Then, later on, it will be formatted to make it computer-readable.<\/p>\n UI design stands for user interface design, and it\u2019s all about the screens and interactive touchpoints that make up a website or an app. Swiping motions, scrollbars and clickable buttons are all part of UI design\u2014essentially anything that makes up the user interface. There are many different parts to what a UI designer exactly does<\/a>.<\/p>\n As a web developer, you\u2019ll also work closely with UX designers, so it helps to understand what they do. UX design stands for user experience design, and it\u2019s all about providing a smooth, user-friendly experience for the end user as they navigate around a website or an app. You can learn more about UX design elsewhere on the blog<\/a>.<\/p>\n Version control is all about recording and managing the changes you make along the way\u2014be it changes to the code you\u2019re writing, to a website, a computer program or a document. As already mentioned, Git is one of the most popular version control systems used by developers<\/a> because it allows them to track and reverse any changes to their code.<\/p>\n It\u2019s important to distinguish between mobile apps and web apps<\/a>, as they are built differently. Native mobile apps are built for a specific platform, such as iOS for iPhone, and are installed and run on the device itself. Web apps, on the other hand, are accessed via the internet browser and will adapt to whichever device you\u2019re viewing them. They\u2019re not native to a specific system, nor do they need to be downloaded or installed.<\/p>\n Wireframes help designers to communicate to web developers how a website should be structured.<\/p>\n A wireframe is essentially a bare-bones blueprint of the website, showing the page layout, how the content should be arranged, which interface elements and navigational systems should be included, and how all these components work together. The focus is on functionality rather than aesthetics.<\/p>\n This is by no means an exhaustive list, but it should help you to start talking the web developer talk.<\/p>\n Of course, you also need to be able to walk the walk: That’s where our free 5-day coding short course<\/strong> <\/a>comes in. In its series of video and written tutorials, you’ll learn how to build your first website using HTML, CSS, and JavaScript. It’s a great way of seeing if the web developer life is for you!<\/p>\n If you’d like to learn some more about the world of coding first, check out these articles:<\/p>\n The tech field is full of buzzwords, acronyms and confusing terms. We’ve set out to demystify them in this ultimate A-Z guide.<\/p>\n","protected":false},"author":5,"featured_media":222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-4699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"acf":{"homepage_category_featured":false},"modified_by":"Matthew Deery","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=4699"}],"version-history":[{"count":3,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4699\/revisions"}],"predecessor-version":[{"id":25938,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4699\/revisions\/25938"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/222"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=4699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=4699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=4699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}2. Algorithm<\/h4>\n
3. API<\/h4>\n
4. Application<\/h4>\n
5. Adaptive design<\/h4>\n
6. Bootstrap<\/h4>\n
7. Backend<\/h4>\n
8. Browser<\/h4>\n
9. Bug<\/h4>\n
10. Cache<\/h4>\n
11. Code<\/h4>\n
12. CSS<\/h4>\n
13. Data structures<\/h4>\n
14. Debugging<\/h4>\n
15. Deployment<\/h4>\n
16. Documentation<\/h4>\n
17. Domain name<\/h4>\n
18. Frameworks<\/h4>\n
19. Frontend<\/h4>\n
20. Full-stack<\/h4>\n
21. Git<\/h4>\n
22. GitHub<\/h4>\n
23. HTML<\/h4>\n
24. HTTP<\/h4>\n
25. Information Architecture<\/h4>\n
26. Java<\/h4>\n
27. JavaScript<\/h4>\n
28. jQuery<\/h4>\n
29. Languages<\/h4>\n
30. Libraries<\/h4>\n
31. Minification<\/h4>\n
32. Mobile-first<\/h4>\n
33. MVP<\/h4>\n
34. MySQL<\/h4>\n
35. Operating system<\/h4>\n
36. PHP<\/h4>\n
37. Plugin<\/h4>\n
38. Python<\/h4>\n
39. Resolution<\/h4>\n
40. Responsive design<\/h4>\n
41. Ruby and Ruby on Rails<\/h4>\n
42. Sitemap<\/h4>\n
43. Software stack<\/h4>\n
44. SSL<\/h4>\n
45. Text editor<\/h4>\n
46. UI Design<\/h4>\n
47. UX Design<\/h4>\n
48. Version control<\/h4>\n
49. Web app<\/h4>\n
50. Wireframe<\/h4>\n
Final thoughts<\/h2>\n
\n