DEV Community

Cover image for Code πŸ‘¨β€πŸ’» on your Phone πŸ“± with these 4 Mobile Apps

Code πŸ‘¨β€πŸ’» on your Phone πŸ“± with these 4 Mobile Apps

Courtney Yatteau on December 28, 2022

Web Development Editors with Page Previews! It may not seem feasible, but coding websites on your phone is not only possible, it’s also enjoyabl...
Collapse
 
sfritsch09 profile image
Sebastian Fritsch

Why not using VSCode instead? Remote Tunnel with VSCode

Collapse
 
j1omega profile image
omega

Is there vscode for phone?

Collapse
 
sfritsch09 profile image
Sebastian Fritsch

Not like shown in the gif of this post but, it is possible yes: github.com/coder/code-server

Collapse
 
ansari_husnain_957fc74f7f profile image
Ansari Husnain

Here's a simplified HTML code for the form:

<!DOCTYPE html>
<html>
<head>
    <title>Cricket Fan Registration</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Cricket Fan Registration</h1>
    <h2>Join the Cricket Community</h2>
    <h3>Register Now!</h3>
    <hr>

    <form>
        <label for="name">Name:</label>
        <input type="text" id="name" name="name"><br><br>

        <label for="address">Address:</label>
        <input type="text" id="address" name="address"><br><br>

        <label for="contact">Contact Number:</label>
        <input type="number" id="contact" name="contact"><br><br>

        <h4>Favourite Cricketers:</h4>
        <input type="checkbox" id="sachin" name="cricketer"> Sachin Tendulkar<br>
        <input type="checkbox" id="virat" name="cricketer"> Virat Kohli<br>
        <input type="checkbox" id="msdhoni" name="cricketer"> MS Dhoni<br><br>

        <label for="feedback">Feedback/Comment:</label>
        <textarea id="feedback" name="feedback" rows="5" cols="30"></textarea><br><br>

        <button type="submit">Register</button>
    </form>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Explanation:

  1. <!DOCTYPE html> declares the document type.
  2. <html> is the root element.
  3. <head> contains metadata.
  4. <title> sets the page title.
  5. <style> defines CSS styles.
  6. <body> contains the page content.
  7. <h1>, <h2>, <h3> define headings.
  8. <hr> creates a horizontal line.
  9. <form> defines the registration form.
  10. <label> and <input> create form controls.
  11. <textarea> creates a multi-line text input.
  12. <button> creates the submit button.

Tips for 11th std students:

  • Use HTML5 semantic elements.
  • Style your form using CSS.
  • Add JavaScript validation for form inputs.
  • Learn server-side programming languages (e.g., PHP, Python) to handle form submissions.

Practice and experiment with different HTML elements and attributes to improve your skills!

Collapse
 
not-ethan profile image
Ethan
Collapse
 
espinosa_coded_4a2dba8d55 profile image
Espinosa coded

I’m a newbie,please can someone teach me how to get started
Or what to do to get started

Collapse
 
c_yatteau profile image
Courtney Yatteau

Try downloading one of the apps and play around with it. Then please let me know if you have any specific questions I can help you with! πŸ˜ƒ

Collapse
 
espinosa_coded_4a2dba8d55 profile image
Espinosa coded

I have downloaded CodeSnack IDE, Mimo and code editor, but I’m want to start using CodeSnack IDE first then I will ask you questions when I need your help
Thanks for the reply I appreciate

Collapse
 
zayed profile image
Mohammed Hzayed

If you found someone please help me

Collapse
 
nogalitos13 profile image
Angel Quijada Soto

Thanks, I like Decoder code compiler cause it works with phyton.

Collapse
 
darth_guappi profile image
MarcusAurelius

We'd be better off with a drag / drop interface on the phone than typing like on a computer / keyboard or at a mix of typing , drag/drop and scroll wheel to keep engaged.

Typing code with my thumbs. . . .I can already FEEL that experience in my mind and let me tell you something : How DARE you.

My brain is LITERALLY offended at the prospect of this.

Shame on you. xD

Collapse
 
pra3t0r5 profile image
Pra3t0r5

Acode with Termux ideal if you don't want to depend in any external appliance