Articles tagged: Beginner

Found 352 documents

Archive/Apps/Design The items under this section apply generally to Web app design.
Archive/Firefox_OS/Quickstart/Your_first_app This guide aims to get you up and running quickly with a basic architecture and build ...
Archive/Marketplace/Monetization/In-app_payments_section/Introduction_In-app_Payments This section describes the options you have for handling In-app Payments (IAP) within your apps ...
Archive/Marketplace/Monetization/Introduction_Monetization
Archive/Marketplace/Monetization/Payment_processing_and_your_revenue Mozilla has worked with partners to create a system that is easy for both you and end users to ...
Archive/Marketplace/Options/Open_web_apps_for_android Open Web Apps for Android enables free Marketplace apps to be packaged into an APK (Android ...
Archive/Marketplace/Options/Open_web_apps_for_desktop Open Web Apps for Desktop enables free Marketplace apps to be installed by Firefox Desktop into ...
Archive/Marketplace/Publishing/Pricing/Bango Bango is the payment provider for credit card and operator payment transactions on Firefox ...
Archive/Marketplace/Publishing/Pricing/Boku If you're unclear about any of the following instructions, please refer to the Step by step guide.
Archive/Marketplace/Publishing/Pricing/In-app_products This page describes how to create in-app products within Firefox Marketplace for use with fxPay.
Archive/Marketplace/Publishing/Pricing/Introduction This section provides a guide to setting up your paid Open Web Apps and their in-app products on ...
Archive/Marketplace/Publishing/Pricing/Payment_Accounts This page explain why Firefox Marketplace uses multiple payment providers, describes where setup ...
Archive/Marketplace/Publishing/Pricing/Promote_as_upgrade_to_free_version As part of your app's Compatibility and Payments options, it's possible to identify a paid app ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js Babylon.js is one of the most popular 3D game engines used by developers. As with any other 3D ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas Of course it depends on your approach — designers may favor the online editor while programmers ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas/editor Now you can check the PlayCanvas engine article if you haven't seen it yet, go back to the ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas/engine Now you can continue reading the PlayCanvas editor article, go back to the Building up a basic ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js In this article we'll take you through the real basics of using Three, including setting up a ...
Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Whitestorm.js Whitestorm.js is a framework built on the top of Three.js technology, enhanced by features such ...
Games/Techniques/3D_on_the_web/GLSL_Shaders Shaders use GLSL, a special OpenGL shading language with syntax similar to C, which is executed ...
Games/Tutorials/2D_breakout_game_Phaser In this step-by-step tutorial we create a simple mobile MDN Breakout game written in JavaScript, ...
Games/Tutorials/2D_breakout_game_Phaser/Animations_and_tweens To make the game look more juicy and alive we can use animations and tweens. This will result in ...
Games/Tutorials/2D_breakout_game_Phaser/Bounce_off_the_walls Now that physics have been introduced, we can start implementing collision detection into the ...
Games/Tutorials/2D_breakout_game_Phaser/Build_the_brick_field Building the brick field is a little bit more complicated than adding a single object to the ...
Games/Tutorials/2D_breakout_game_Phaser/Buttons Instead of starting the game right away we can leave that decision to the player by adding a ...
Games/Tutorials/2D_breakout_game_Phaser/Collision_detection Now onto the next challenge — the collision detection between the ball and the bricks. Luckily ...
Games/Tutorials/2D_breakout_game_Phaser/Extra_lives We can make the game enjoyable for longer by adding lives. In this article we'll implement a ...
Games/Tutorials/2D_breakout_game_Phaser/Game_over To make the game more interesting we can introduce the ability to lose — if you don't hit the ...
Games/Tutorials/2D_breakout_game_Phaser/Initialize_the_framework Before we can start writing the game's functionality, we need to create a basic structure to ...
Games/Tutorials/2D_breakout_game_Phaser/Load_the_assets_and_print_them_on_screen Our game will feature a ball rolling around the screen, bouncing off a paddle, and destroying ...
Games/Tutorials/2D_breakout_game_Phaser/Move_the_ball We have our blue ball printed on screen, but it's doing nothing — It would be cool to make it ...
Games/Tutorials/2D_breakout_game_Phaser/Physics For proper collision detection between objects in our game we will need to have physics; this ...
Games/Tutorials/2D_breakout_game_Phaser/Player_paddle_and_controls We have the ball moving and bouncing off the walls, but it quickly gets boring — there's no ...
Games/Tutorials/2D_breakout_game_Phaser/Randomizing_gameplay You've finished all the lessons — congratulations! By this point you would have learnt the ...
Games/Tutorials/2D_breakout_game_Phaser/Scaling Scaling refers to have the game canvas will scale on different screen sizes. We can make the ...
Games/Tutorials/2D_breakout_game_Phaser/The_score Having a score can also make the game more interesting — you can try to beat your own highscore, ...
Games/Tutorials/2D_breakout_game_Phaser/Win_the_game Implementing winning in our game is quite easy: if you happen to destroy all the bricks, then ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript In this step-by-step tutorial we create a simple MDN Breakout game written entirely in pure ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls It is nice to see our ball moving, but it quickly disappears from the screen, limiting the fun ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Build_the_brick_field After modifying the gameplay mechanics, we are now able to lose — this is great as it means the ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Collision_detection We have the bricks appearing on the screen already, but the game still isn't that interesting as ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it Before we can start writing the game's functionality, we need to create a basic structure to ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Finishing_up There's always a room for improvements in any game we write. For example, we can offer more than ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Game_over It's fun to watch the ball bouncing off the walls and be able to move the paddle around, but ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Mouse_controls The game itself is actually finished, so let's work on polishing it up. We have already added ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Move_the_ball You already know how to draw a ball from working through the previous article, so now let's make ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls The ball is bouncing off the walls freely and you can watch it indefinitely, but currently ...
Games/Tutorials/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win Destroying the bricks is really cool, but to be even more awesome the game could award points ...
Glossary Web technologies contain long lists of jargon and abbreviations that are used in documentation ...
Glossary/Conditional A condition is a set of rules that can interrupt normal code execution or change it, depending ...
Glossary/Exception An exception is a condition that interrupts normal code execution. In JavaScript syntax errors ...
Glossary/HTTP HTTP (HyperText Transfer Protocol) is the basic protocol that enables file transfer on the Web. ...
Glossary/I18N i18n (from "internationalization", a 20-letter word) is the best practice that enables products ...
Glossary/Identifier A sequence of characters in the code that identifies a variable, function, or property.
Glossary/IMAP IMAP (Internet Message Access Protocol) is a protocol used to retrieve and store emails. More ...
Glossary/Instance An object created by a constructor is an instance of that constructor.
Glossary/Internet The Internet is a worldwide network of networks that uses the Internet protocol suite (also ...
Glossary/IP_Address An IP address is a number assigned to every device connected to a network that uses the Internet ...
Glossary/Jank Jank refers to sluggishness in a user interface, usually caused by executing long tasks on the ...
Glossary/jpeg JPEG (Joint Photographic Experts Group) is a commonly used method of lossy compression for ...
Glossary/mime MIME Multipurpose internet mail extensions supports text in other forms beside ASCII and ...
Glossary/NAT NAT (Network Address Translation) is a technique for letting multiple computers share an IP ...
Glossary/OOP OOP (Object-Oriented Programming) is an approach in programming in which data is encapsulated ...
Glossary/PNG PNG (Portable Network Graphics) is a graphics file format that supports lossless data compression.
Glossary/POP POP3 (Post Office Protocol) is a very common protocol for getting emails from a mail server over ...
Glossary/RGB Red Green Blue (RGB) is a color model that represents colors as mixtures of three underlying ...
Glossary/SMTP SMTP (Simple Mail Transfer Protocol) is a protocol used to send a new email. Like POP3 and ...
Glossary/Statement In a computer programming language, a s tatement is a line of code commanding a task. Every ...
Glossary/String In any computer programming language, a string is a sequence of characters used to represent text.
Glossary/SVG Scalable Vector Graphics (SVG) is a 2D vector image format based on an XML syntax.
Glossary/Validator A validator is a program that checks for syntax errors in code. Validators can be created for ...
Glossary/webp WebP is a lossless and lossy compression image format developed by Google.
Inbox Hi! If you're here, you're probably thinking about contributing a new article to MDN, but you're ...
Learn The aim of this area of MDN is not to take you from "beginner" to "expert" but to take you from ...
Learn/Coding-Scripting REDIRECT Learn
Learn/Common_questions/Available_text_editors A website consists mostly of text files, so for a fun, pleasant development experience you ...
Learn/Common_questions/Checking_that_your_web_site_is_working_properly So you've published your website online? Very good! But are you sure it works properly?
Learn/Common_questions/Common_web_layouts There's a reason we talk about web design. You start out with a blank page, and you can take it ...
Learn/Common_questions/Design_for_all_types_of_users When you're building a website, one top issue to consider is Universal Design : accommodating ...
Learn/Common_questions/How_does_the_Internet_work The Internet is the backbone of the Web, the technical infrastructure that makes the Web ...
Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine Google App Engine is a powerful platform that lets you build and run applications on Google’s ...
Learn/Common_questions/How_much_does_it_cost When you're launching a website, you may spend nothing or your costs may go through the roof. In ...
Learn/Common_questions/HTML_features_for_accessibility The following content describes specific features of HTML that can be used to make a web page ...
Learn/Common_questions/Pages_sites_servers_and_search_engines As with any area of knowledge, the Web comes with a lot of jargon. Don't worry, we won't ...
Learn/Common_questions/Set_up_a_basic_working_environment Especially when working on your first web project, you'll want to test it locally before you ...
Learn/Common_questions/Thinking_before_coding When starting with a web project, many people focus on the technical side. Of course you must be ...
Learn/Common_questions/Upload_files_to_a_web_server Now that you have built a simple page, you will want to put it online on some web server. We'll ...
Learn/Common_questions/Using_Github_pages GitHub is a "social coding" site. It allows you to upload code repositories for storage in the ...
Learn/Common_questions/What_are_browser_developer_tools The devtools live inside your browser in a subwindow that looks roughly like this:
Learn/Common_questions/What_are_hyperlinks Hyperlinks, usually called simply links, are a foundational concept behind the Web. To explain ...
Learn/Common_questions/What_is_accessibility Because of physical or technical limitations, maybe your visitors can't experience your website ...
Learn/Common_questions/What_is_a_domain_name Domain names are a key part of the Internet infrastructure. They provide a human-readable ...
Learn/Common_questions/What_is_a_URL With Hypertext and HTTP, URL is one of the key concepts of the Web. It is the mechanism used by ...
Learn/Common_questions/What_is_a_web_server "Web server" can refer to hardware or software, or both of them working together.
Learn/Common_questions/What_software_do_I_need You can download for free most of the programs you need for web development. We'll provide a few ...
Learn/CSS Cascading Stylesheets — or CSS — is the second technology you should start learning after HTML. ...
Learn/CSS/CSS_layout At this point we've already looked at CSS fundamentals, how to style text, and how to style and ...
Learn/CSS/CSS_layout/Flexbox That concludes our tour of the basics of flexbox. We hope you had fun, and will have a good play ...
Learn/CSS/CSS_layout/Floats At this point, you should already have some powerful tools at your disposal for creating fairly ...
Learn/CSS/CSS_layout/Grids Having read this article you should now have an understanding of how grid layouts and grid ...