Browse through 7,865 programming code typing illustrations & vectors or explore more digital matrix or laptop keyboard vectors to complete your project with stunning visuals.

A persons hands are actively typing on a laptop keyboard, suggesting work or study. A coffee mug sits nearby, implying a break or a cozy work environment. Programming code typing illustrations
A persons hands are actively typing on a laptop keyboard, suggesting work or study. A coffee mug sits nearby, implying a break or a cozy work environment. Programming code typing illustrations
This image captures the essence of modern software development, with hands typing on a sleek laptop surrounded by a digital matrix of code and binary data. Perfect for tech blogs, coding tutorials, software development companies, and digital marketing content. The image conveys the complexity and creativity of programming, making it ideal for backgrounds, headers, and promotional materials. Programming code typing illustrations
This image captures the essence of modern software development, with hands typing on a sleek laptop surrounded by a digital matrix of code and binary data. Perfect for tech blogs, coding tutorials, software development companies, and digital marketing content. The image conveys the complexity and creativity of programming, making it ideal for backgrounds, headers, and promotional materials. Programming code typing illustrations
A cheerful anthropomorphic lightbulb character sits at a desk, typing on a computer keyboard and looking at code on the screen. This cute 3D illustration represents concepts like programming, coding, software development, and idea generation. Programming code typing illustrations
A cheerful anthropomorphic lightbulb character sits at a desk, typing on a computer keyboard and looking at code on the screen. This cute 3D illustration represents concepts like programming, coding, software development, and idea generation. Programming code typing illustrations
This image captures the essence of modern digital work, with hands typing on a laptop keyboard surrounded by floating binary code and digital symbols. Perfect for tech blogs, software development content, coding tutorials, and digital marketing materials. The futuristic and dynamic elements make this image ideal for backgrounds, headers, and promotional content related to technology and innovation. Programming code typing illustrations
This image captures the essence of modern digital work, with hands typing on a laptop keyboard surrounded by floating binary code and digital symbols. Perfect for tech blogs, software development content, coding tutorials, and digital marketing materials. The futuristic and dynamic elements make this image ideal for backgrounds, headers, and promotional content related to technology and innovation. Programming code typing illustrations
Close-up of hands typing on a laptop keyboard with a glowing blue digital interface and data visualization elements floating in the background, representing technology and analytics. Programming code typing illustrations
Close-up of hands typing on a laptop keyboard with a glowing blue digital interface and data visualization elements floating in the background, representing technology and analytics. Programming code typing illustrations
A close up of a person's hands typing code on a laptop. The screen is filled with lines of code and a few graphs. The photo is a great representation of the digital world and the people who work in it. Programming code typing illustrations
A close up of a person's hands typing code on a laptop. The screen is filled with lines of code and a few graphs. The photo is a great representation of the digital world and the people who work in it. Programming code typing illustrations
The image depicts a person working on a computer setup with multiple monitors. The individual is typing on a keyboard with both hands, and a mouse is placed to the right. The screens display various coding interfaces and software applications, indicating a professional programming or software development environment. The workspace is well-lit, and the focus is on the hands and the. Programming code typing illustrations
The image depicts a person working on a computer setup with multiple monitors. The individual is typing on a keyboard with both hands, and a mouse is placed to the right. The screens display various coding interfaces and software applications, indicating a professional programming or software development environment. The workspace is well-lit, and the focus is on the hands and the. Programming code typing illustrations
A person's hands type on a laptop displaying lines of computer code. The background is a blurred cityscape at night, illuminated by numerous lights. The overall color palette is cool-toned blues and warm-toned yellows. Programming code typing illustrations
A person's hands type on a laptop displaying lines of computer code. The background is a blurred cityscape at night, illuminated by numerous lights. The overall color palette is cool-toned blues and warm-toned yellows. Programming code typing illustrations
A persons hands are typing on a vintage computer keyboard, with a green monochrome monitor displaying EXTRATERRESTRIAL CONTACT amidst lines of code in a dimly lit setting. Generative AI. Programming code typing illustrations
A persons hands are typing on a vintage computer keyboard, with a green monochrome monitor displaying EXTRATERRESTRIAL CONTACT amidst lines of code in a dimly lit setting. Generative AI. Programming code typing illustrations
A stylized black and white illustration depicts a classic detective-style character wearing a fedora and trench coat, with a mask over their eyes. The character is seated at a keyboard, with their hands poised to type, and is pointing at a computer monitor displaying lines of binary code. The image evokes themes of espionage, hacking, and digital information. Programming code typing vectors
A stylized black and white illustration depicts a classic detective-style character wearing a fedora and trench coat, with a mask over their eyes. The character is seated at a keyboard, with their hands poised to type, and is pointing at a computer monitor displaying lines of binary code. The image evokes themes of espionage, hacking, and digital information. Programming code typing vectors
A person intently codes on a computer, their hands positioned on a compact keyboard and mouse. The monitor displays lines of code in a dark room, illuminated by an overhead desk lamp. Programming code typing illustrations
A person intently codes on a computer, their hands positioned on a compact keyboard and mouse. The monitor displays lines of code in a dark room, illuminated by an overhead desk lamp. Programming code typing illustrations
Dimly lit workspace features a laptop displaying code alongside a desk lamp and coffee mug Ideal for illustrating programming and late night work. Programming code typing illustrations
Dimly lit workspace features a laptop displaying code alongside a desk lamp and coffee mug Ideal for illustrating programming and late night work. Programming code typing illustrations
A programmer works diligently on a laptop, surrounded by code on the screen. The image captures the focus and dedication involved in software development. Programming code typing illustrations
A programmer works diligently on a laptop, surrounded by code on the screen. The image captures the focus and dedication involved in software development. Programming code typing illustrations
This image captures the intense action of programming or data entry in a high-tech setting. The user's hands are illuminated by the keyboard as cascading lines of binary code and network connections surround them. Rendered by Ai, this abstract visual emphasizes themes of big data cyber security and advanced algorithms. The dynamic lighting and depth of field create a powerful immersive feeling of. Programming code typing illustrations
This image captures the intense action of programming or data entry in a high-tech setting. The user's hands are illuminated by the keyboard as cascading lines of binary code and network connections surround them. Rendered by Ai, this abstract visual emphasizes themes of big data cyber security and advanced algorithms. The dynamic lighting and depth of field create a powerful immersive feeling of. Programming code typing illustrations
A person intently codes on a computer screen in a dimly lit room, creating a focused atmosphere. Ideal for illustrating technology and programming concepts. Programming code typing illustrations
A person intently codes on a computer screen in a dimly lit room, creating a focused atmosphere. Ideal for illustrating technology and programming concepts. Programming code typing illustrations
This minimalist vector illustration depicts a faceless character wearing a hooded sweatshirt while typing on a portable computer. The screen displays lines of green code and a speech bubble containing text floats above the device. The clean lines and flat colors create a modern, professional aesthetic suitable for technology and software development concepts. Programming code typing vectors
This minimalist vector illustration depicts a faceless character wearing a hooded sweatshirt while typing on a portable computer. The screen displays lines of green code and a speech bubble containing text floats above the device. The clean lines and flat colors create a modern, professional aesthetic suitable for technology and software development concepts. Programming code typing vectors
A hooded figure sits in front of multiple computer screens, typing rapidly on a keyboard. The screens display lines of code, suggesting programming or hacking activity. The overall atmosphere is dark and mysterious, conveying a sense of secrecy and digital intrusion. Suitable for illustrating cybersecurity, hacking, or online threats. Programming code typing illustrations
A hooded figure sits in front of multiple computer screens, typing rapidly on a keyboard. The screens display lines of code, suggesting programming or hacking activity. The overall atmosphere is dark and mysterious, conveying a sense of secrecy and digital intrusion. Suitable for illustrating cybersecurity, hacking, or online threats. Programming code typing illustrations
A simple flat icon vector illustration of two hands typing on a simplified cash register, symbolizing sales transaction in a business setting. The simplified cash register is black with green elements, indicating commercial exchange. White background. Minimalist style with sharp edges and no shadows. Black and Green color palette. Vector graphics with rounded corners. High resolution and detail --. Programming code typing illustrations
A simple flat icon vector illustration of two hands typing on a simplified cash register, symbolizing sales transaction in a business setting. The simplified cash register is black with green elements, indicating commercial exchange. White background. Minimalist style with sharp edges and no shadows. Black and Green color palette. Vector graphics with rounded corners. High resolution and detail --. Programming code typing illustrations
A person wearing a yellow sweater is typing on a laptop displaying code in a welllit indoor setting with a blurred background showing furniture. Programming code typing illustrations
A person wearing a yellow sweater is typing on a laptop displaying code in a welllit indoor setting with a blurred background showing furniture. Programming code typing illustrations
A modern laptop open and displaying lines of code on its screen, placed on a warm wooden desk. A small green plant in a white pot sits nearby, with soft sunlight streaming through a window. Programming code typing illustrations
A modern laptop open and displaying lines of code on its screen, placed on a warm wooden desk. A small green plant in a white pot sits nearby, with soft sunlight streaming through a window. Programming code typing illustrations
A vector illustration of a young man with glasses working diligently on his laptop. He is depicted as a programmer or software developer, typing code which is visible on both his laptop and an external monitor. The clean, modern workspace includes a small plant and a coffee mug, suggesting a focused and productive environment. This cartoon-style image is perfect for concepts related to technology, IT, coding, web development, remote work, and education. Isolated on a white background for easy use. Programming code typing illustrations
A vector illustration of a young man with glasses working diligently on his laptop. He is depicted as a programmer or software developer, typing code which is visible on both his laptop and an external monitor. The clean, modern workspace includes a small plant and a coffee mug, suggesting a focused and productive environment. This cartoon-style image is perfect for concepts related to technology, IT, coding, web development, remote work, and education. Isolated on a white background for easy use. Programming code typing illustrations
This image showcases a futuristic interface where hands type on a laptop, with code and data visualizations in the background. Perfect for tech blogs, data science tutorials, and presentations. The image highlights the intersection of coding and data analysis, making it ideal for content related to software development, data analytics, and digital transformation. Programming code typing illustrations
This image showcases a futuristic interface where hands type on a laptop, with code and data visualizations in the background. Perfect for tech blogs, data science tutorials, and presentations. The image highlights the intersection of coding and data analysis, making it ideal for content related to software development, data analytics, and digital transformation. Programming code typing illustrations
Web development, coding education, programming tools, software development, backend design, front-end design. Keyboard, HTML tag percentage symbol. Web development and coding education concept. Programming code typing vectors
Web development, coding education, programming tools, software development, backend design, front-end design. Keyboard, HTML tag percentage symbol. Web development and coding education concept. Programming code typing vectors
A close-up shot captures hands actively programming on a laptop keyboard. The screen displays lines of backend code mixing PHP and HTML tags using a comfortable dark theme syntax highlighter. Rendered by Ai this image illustrates the focused intensity of software development in a dimly lit environment and highlights the modern tools used for web creation. Programming code typing illustrations
A close-up shot captures hands actively programming on a laptop keyboard. The screen displays lines of backend code mixing PHP and HTML tags using a comfortable dark theme syntax highlighter. Rendered by Ai this image illustrates the focused intensity of software development in a dimly lit environment and highlights the modern tools used for web creation. Programming code typing illustrations
A persons hands are shown typing on a laptop keyboard, with a holographic AI interface projected above it, displaying AI and checkmarks for successful operations. A coffee mug with an exclamation mark is visible in the background. Programming code typing illustrations
A persons hands are shown typing on a laptop keyboard, with a holographic AI interface projected above it, displaying AI and checkmarks for successful operations. A coffee mug with an exclamation mark is visible in the background. Programming code typing illustrations
A programmer is typing on a computer keyboard while pointing at a screen displaying code and data analysis charts. The image represents software development and data analysis tasks. Programming code typing illustrations
A programmer is typing on a computer keyboard while pointing at a screen displaying code and data analysis charts. The image represents software development and data analysis tasks. Programming code typing illustrations
The image depicts a person typing on a laptop in a dimly lit environment. The laptop screen displays lines of code, suggesting that the individual is engaged in programming or software development. The green and blue hues from the screen illuminate the person's hands, creating a focused and intense atmosphere. Programming code typing illustrations
The image depicts a person typing on a laptop in a dimly lit environment. The laptop screen displays lines of code, suggesting that the individual is engaged in programming or software development. The green and blue hues from the screen illuminate the person's hands, creating a focused and intense atmosphere. Programming code typing illustrations
Dimly lit workspace features a computer displaying code alongside a vintage lamp and desk accessories Ideal for illustrating technology and programming concepts. Programming code typing illustrations
Dimly lit workspace features a computer displaying code alongside a vintage lamp and desk accessories Ideal for illustrating technology and programming concepts. Programming code typing illustrations
The image depicts a person typing on a laptop in a dimly lit environment. The laptop screen displays lines of code, suggesting that the individual is engaged in programming or software development. The green and blue hues from the screen illuminate the person's hands, creating a focused and intense atmosphere. Programming code typing illustrations
The image depicts a person typing on a laptop in a dimly lit environment. The laptop screen displays lines of code, suggesting that the individual is engaged in programming or software development. The green and blue hues from the screen illuminate the person's hands, creating a focused and intense atmosphere. Programming code typing illustrations
A close-up view of a person's hands typing on a modern laptop keyboard, with a glowing digital interface displayed on the screen. The screen features text related to cyber security, data protection, and system monitoring, set against a dark background filled with binary code and technical graphics. This image represents themes of information technology, online safety, digital infrastructure, and professional computing. It is ideal for articles, presentations, or marketing materials focused on cybersecurity, software development, data privacy, and modern business technology solutions. Programming code typing illustrations
A close-up view of a person's hands typing on a modern laptop keyboard, with a glowing digital interface displayed on the screen. The screen features text related to cyber security, data protection, and system monitoring, set against a dark background filled with binary code and technical graphics. This image represents themes of information technology, online safety, digital infrastructure, and professional computing. It is ideal for articles, presentations, or marketing materials focused on cybersecurity, software development, data privacy, and modern business technology solutions. Programming code typing illustrations
Elevate your cybersecurity communications with this sharp close-up of hands coding on a laptop with a glowing digital shield and padlock hologram rising from the screen. Perfect for cybersecurity software development campaigns, secure coding promotions, application security marketing, IT security blogs, and enterprise vulnerability management materials demanding crisp, credible visual authenticity. Programming code typing illustrations
Elevate your cybersecurity communications with this sharp close-up of hands coding on a laptop with a glowing digital shield and padlock hologram rising from the screen. Perfect for cybersecurity software development campaigns, secure coding promotions, application security marketing, IT security blogs, and enterprise vulnerability management materials demanding crisp, credible visual authenticity. Programming code typing illustrations
A focused young male programmer wearing headphones works diligently at his desk. This flat vector illustration depicts a software developer coding on a dual-monitor computer setup, with lines of code visible on the screens. A cup of coffee sits nearby, suggesting a late-night work session. The purple background is filled with abstract programming symbols, reinforcing the tech theme. This image is perfect for concepts related to software engineering, web development, IT careers, freelancing, data science, and the modern digital workplace. Programming code typing illustrations
A focused young male programmer wearing headphones works diligently at his desk. This flat vector illustration depicts a software developer coding on a dual-monitor computer setup, with lines of code visible on the screens. A cup of coffee sits nearby, suggesting a late-night work session. The purple background is filled with abstract programming symbols, reinforcing the tech theme. This image is perfect for concepts related to software engineering, web development, IT careers, freelancing, data science, and the modern digital workplace. Programming code typing illustrations
A close-up view of a person's hands typing on a modern laptop keyboard in a dimly lit environment. A glowing green holographic interface with the text '2FS' and various technical icons, charts, and data points floats above the keyboard. The image symbolizes advanced technology, cybersecurity, data analysis, software development, and digital innovation. It is ideal for concepts related to information technology, cloud computing, network security, and futuristic business solutions, conveying a sense of professional expertise and high-tech efficiency in the digital age. Programming code typing illustrations
A close-up view of a person's hands typing on a modern laptop keyboard in a dimly lit environment. A glowing green holographic interface with the text '2FS' and various technical icons, charts, and data points floats above the keyboard. The image symbolizes advanced technology, cybersecurity, data analysis, software development, and digital innovation. It is ideal for concepts related to information technology, cloud computing, network security, and futuristic business solutions, conveying a sense of professional expertise and high-tech efficiency in the digital age. Programming code typing illustrations
The a person wearing a hooded sweatshirt, their face obscured by the hood and a red eye symbol glowing from beneath. They are typing on a laptop, with a dark background displaying lines of code or data. The overall mood is mysterious and tech-oriented, suggesting themes of cybersecurity, hacking, or digital privacy. Programming code typing illustrations
The a person wearing a hooded sweatshirt, their face obscured by the hood and a red eye symbol glowing from beneath. They are typing on a laptop, with a dark background displaying lines of code or data. The overall mood is mysterious and tech-oriented, suggesting themes of cybersecurity, hacking, or digital privacy. Programming code typing illustrations
A close-up shot of a person's hands typing on a modern laptop keyboard, surrounded by floating digital interface icons representing cyber security. The scene features glowing lock symbols, data protection icons, and network nodes, symbolizing secure online communication, data encryption, and digital privacy. The warm, professional lighting emphasizes the technological aspect, making it an ideal image for articles, presentations, or marketing materials related to cybersecurity, information technology, software development, internet safety, and digital business operations, highlighting the importance of protecting sensitive data in a connected world. Programming code typing illustrations
A close-up shot of a person's hands typing on a modern laptop keyboard, surrounded by floating digital interface icons representing cyber security. The scene features glowing lock symbols, data protection icons, and network nodes, symbolizing secure online communication, data encryption, and digital privacy. The warm, professional lighting emphasizes the technological aspect, making it an ideal image for articles, presentations, or marketing materials related to cybersecurity, information technology, software development, internet safety, and digital business operations, highlighting the importance of protecting sensitive data in a connected world. Programming code typing illustrations
It professional working on a computer, coding and managing data services within a high tech data center environment, ensuring network and system security. Programming code typing vectors
It professional working on a computer, coding and managing data services within a high tech data center environment, ensuring network and system security. Programming code typing vectors
A skilled professional is shown intensely typing on a laptop, actively engaged in penetration testing for in-depth cybersecurity analysis. This image captures the critical process of ethical hacking to assess network security and identify vulnerabilities. The scene highlights the crucial work of IT security specialists working to prevent cyber attacks and ensure robust data protection. This image. Programming code typing illustrations
A skilled professional is shown intensely typing on a laptop, actively engaged in penetration testing for in-depth cybersecurity analysis. This image captures the critical process of ethical hacking to assess network security and identify vulnerabilities. The scene highlights the crucial work of IT security specialists working to prevent cyber attacks and ensure robust data protection. This image. Programming code typing illustrations
A close-up shot of a person's hands typing on a laptop keyboard, overlaid with glowing digital icons representing cybersecurity. The prominent central icon is a padlock, symbolizing data protection, privacy, and secure access. Surrounding it are checkmarks and other technical symbols, suggesting successful authentication, verification, and system integrity. This image is perfect for illustrating concepts related to internet safety, information technology, digital encryption, software development, and online business security. It conveys a professional, modern, and high-tech atmosphere suitable for corporate websites, tech blogs, and cybersecurity awareness campaigns. Programming code typing illustrations
A close-up shot of a person's hands typing on a laptop keyboard, overlaid with glowing digital icons representing cybersecurity. The prominent central icon is a padlock, symbolizing data protection, privacy, and secure access. Surrounding it are checkmarks and other technical symbols, suggesting successful authentication, verification, and system integrity. This image is perfect for illustrating concepts related to internet safety, information technology, digital encryption, software development, and online business security. It conveys a professional, modern, and high-tech atmosphere suitable for corporate websites, tech blogs, and cybersecurity awareness campaigns. Programming code typing illustrations
A close-up shot of a person's hands typing on a modern laptop keyboard, surrounded by glowing, holographic digital icons representing data, security, communication, and connectivity. The scene conveys a sense of high-tech innovation, cybersecurity, cloud computing, and global networking. The dark, professional atmosphere highlights the futuristic interface, making it an ideal visual for articles, presentations, or marketing materials related to software development, information technology, digital transformation, business analytics, and internet security. The composition emphasizes the seamless integration of human interaction with advanced digital systems and virtual information networks. Programming code typing illustrations
A close-up shot of a person's hands typing on a modern laptop keyboard, surrounded by glowing, holographic digital icons representing data, security, communication, and connectivity. The scene conveys a sense of high-tech innovation, cybersecurity, cloud computing, and global networking. The dark, professional atmosphere highlights the futuristic interface, making it an ideal visual for articles, presentations, or marketing materials related to software development, information technology, digital transformation, business analytics, and internet security. The composition emphasizes the seamless integration of human interaction with advanced digital systems and virtual information networks. Programming code typing illustrations
A persons hands are typing on a laptop keyboard, with a digital overlay showing DevOps icons and text. The icons represent various aspects of the DevOps methodology, including continuous integration, analysis, deployment, cloud computing, and servers. Programming code typing illustrations
A persons hands are typing on a laptop keyboard, with a digital overlay showing DevOps icons and text. The icons represent various aspects of the DevOps methodology, including continuous integration, analysis, deployment, cloud computing, and servers. Programming code typing illustrations
A close-up shot of a laptop screen displaying a SYSTEM HACKED alert in red, with a persons hands actively typing on the keyboard, surrounded by digital warning signs. Programming code typing illustrations
A close-up shot of a laptop screen displaying a SYSTEM HACKED alert in red, with a persons hands actively typing on the keyboard, surrounded by digital warning signs. Programming code typing illustrations
A close-up illustration of a hand actively typing on a laptop keyboard, set against a soft, abstract green and beige background. generated using AI. Programming code typing vectors
A close-up illustration of a hand actively typing on a laptop keyboard, set against a soft, abstract green and beige background. generated using AI. Programming code typing vectors
Close-up of hands typing on a laptop keyboard with various digital icons and graphics emerging from the screen, symbolizing technology and connectivity. Programming code typing illustrations
Close-up of hands typing on a laptop keyboard with various digital icons and graphics emerging from the screen, symbolizing technology and connectivity. Programming code typing illustrations
A close-up of a person's hands typing on a laptop with a black screen displaying lines of code and a glowing blue brain with the letters 'ai' in the center surrounded by various white gears and symbols. Programming code typing illustrations
A close-up of a person's hands typing on a laptop with a black screen displaying lines of code and a glowing blue brain with the letters 'ai' in the center surrounded by various white gears and symbols. Programming code typing illustrations
Close-up of hands typing on a laptop keyboard, with digital data icons and abstract light effects floating above, representing technology, data processing, and digital communication in a modern office or home setting. Programming code typing illustrations
Close-up of hands typing on a laptop keyboard, with digital data icons and abstract light effects floating above, representing technology, data processing, and digital communication in a modern office or home setting. Programming code typing illustrations
A stylized black and white illustration of a mischievous cat wearing glasses and a dark shirt, intently typing on a computer keyboard. The cat has sharp claws, a sly grin, and a bushy tail, conveying a sense of cunning and digital expertise. This graphic is ideal for representing cybersecurity, hacking, online mischief, technology, and playful tech-related themes. Programming code typing vectors
A stylized black and white illustration of a mischievous cat wearing glasses and a dark shirt, intently typing on a computer keyboard. The cat has sharp claws, a sly grin, and a bushy tail, conveying a sense of cunning and digital expertise. This graphic is ideal for representing cybersecurity, hacking, online mischief, technology, and playful tech-related themes. Programming code typing vectors
A person's hands are visible typing on a laptop keyboard, with a glowing digital globe superimposed over the screen. Abstract digital waves and binary code streams flow on either side, representing data and connectivity in a modern technological context. Programming code typing illustrations
A person's hands are visible typing on a laptop keyboard, with a glowing digital globe superimposed over the screen. Abstract digital waves and binary code streams flow on either side, representing data and connectivity in a modern technological context. Programming code typing illustrations
The image depicts a person typing on a laptop with an overlay of AI-related code and a glowing AI symbol. The scene suggests a focus on artificial intelligence and programming. The individual is likely working on a project involving AI, as indicated by the floating code snippets and the AI symbol. Programming code typing illustrations
The image depicts a person typing on a laptop with an overlay of AI-related code and a glowing AI symbol. The scene suggests a focus on artificial intelligence and programming. The individual is likely working on a project involving AI, as indicated by the floating code snippets and the AI symbol. Programming code typing illustrations
The image depicts a person typing on a laptop with an overlay of AI-related code and a glowing AI symbol. The scene suggests a focus on artificial intelligence and programming. The individual is likely working on a project involving AI, as indicated by the floating code snippets and the AI symbol. Programming code typing illustrations
The image depicts a person typing on a laptop with an overlay of AI-related code and a glowing AI symbol. The scene suggests a focus on artificial intelligence and programming. The individual is likely working on a project involving AI, as indicated by the floating code snippets and the AI symbol. Programming code typing illustrations