Tumgik
#free online HTML editor
webtutorsblog · 1 year
Text
Comprehensive HTML Tutorial for Beginners: From Zero to Hero
Tumblr media
Welcome to WebTutor.dev, your go-to resource for learning HTML online! In this tutorial, we'll cover the fundamentals of HTML (Hypertext Markup Language) with clear explanations and practical examples. Let's dive right in!
Lesson 1: Getting Started with HTML
HTML is the backbone of any web page. It provides the structure and content of a webpage by using tags and elements. Here's a simple example of an HTML document:
<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <h1>Welcome to WebTutor.dev!</h1>
  <p>This is a paragraph of text.</p>
</body>
</html>
Let's break it down:
<!DOCTYPE html>: This declaration specifies that the document is an HTML5 document.
<html>: The root element of an HTML page.
<head>: Contains meta information about the webpage, such as the title.
<title>: Sets the title displayed in the browser's title bar.
<body>: The main content of the webpage.
<h1>: A heading element, in this case, the main heading of the page.
<p>: A paragraph element containing text.
Lesson 2: Structuring Content with HTML Tags
HTML offers a wide range of tags to structure and organize content. Here are some commonly used tags:
<h1> to <h6>: Headings of different levels, with <h1> being the highest.
<p>: Paragraphs of text.
<a href="https://www.example.com">Link</a>: Creates a hyperlink to another webpage.
<img src="image.jpg" alt="Description">: Inserts an image into the webpage.
<ul> and <ol>: Unordered and ordered lists, respectively.
<li>: List items inside <ul> or <ol>.
Lesson 3: Adding Styling and Formatting
HTML alone provides the structure of a webpage, but CSS (Cascading Style Sheets) is used to add visual styling and formatting. Here's an example of applying CSS to HTML:
Example
<!DOCTYPE html>
<html>
<head>
  <title>Styling Example</title>
  <style>
    h1 {
      color: blue;
      font-size: 24px;
    }
    p {
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Welcome to WebTutor.dev!</h1>
  <p>This is a styled paragraph of text.</p>
</body>
</html>
In this example, we've added a <style> block within the <head> section. We then define CSS rules to style the <h1> and <p> elements accordingly.
Lesson 4: Building Forms with HTML
HTML forms enable user interaction on webpages. Here's an example of a simple form:
<!DOCTYPE html>
<html>
<head>
  <title>Form Example</title>
</head>
<body>
  <h1>Sign Up</h1>
  <form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required>
    <br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
    <br>
    <input type="submit" value="Submit">
  </form>
</body>
</html>
In this form example, we have input fields for name and email, along with a submit button. The required attribute ensures that the user must provide information in these fields before submitting the form.
Congratulations! You've completed the introductory tutorial on HTML. By understanding these core concepts and practicing with more examples, you'll be well on your way to building impressive webpages. We encourage you to explore more topics such as advanced HTML elements, responsive design, and integrating HTML with other technologies. Visit WebTutor.dev for further tutorials, resources, and community support to enhance your HTML skills. Happy coding!
0 notes
kafus · 2 years
Text
beginner’s guide to the indie web
“i miss the old internet” “we’ll never have websites like the ones from the 90s and early 2000s ever again” “i’m tired of social media but there’s nowhere to go”
HOLD ON!
personal websites and indie web development still very much exist! it may be out of the way to access and may not be the default internet experience anymore, but if you want to look and read through someone’s personally crafted site, or even make your own, you can still do it! here’s how:
use NEOCITIES! neocities has a built in search and browse tools to let you discover websites, and most importantly, lets you build your own website from scratch for free! (there are other ways to host websites for free, but neocities is a really good hub for beginners!)
need help getting started with coding your website? sadgrl online has a section on her website dedicated to providing resources for newbie webmasters!
HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the core of what all websites are built on. many websites also use JS (JavaScript) to add interactive elements to their pages. w3schools is a useful directory of quick reference for pretty much every HTML/CSS/JS topic you can think of.
there is also this well written and lengthy guide on dragonfly cave that will put you step by step through the basics of HTML/CSS (what webpages are made from), if that’s your sort of thing!
stack overflow is every programmer’s hub for asking questions and getting help, so if you’re struggling with getting something to look how you want or can’t fix a bug, you may be able to get your answer here! you can even ask if no one’s asked the same question before.
websites like codepen and jsfiddle let you test HTML/CSS/JS in your browser as you tinker with small edits and bugfixing.
want to find indie websites outside the scope of neocities? use the search engine marginalia to find results you actually want that google won’t show you!
you can also use directory sites like yesterweb’s link section to find websites in all sorts of places.
if you are going to browse the indie web or make your own website, i also have some more personal tips as a webmaster myself (i am not an expert and i am just a small hobbyist, so take me with a grain of salt!)
if you are making your own site:
get expressive! truly make whatever you want! customize your corner of the internet to your heart’s content! you have left the constrains of social media where every page looks the same. you have no character limit, image limit, or design limit. want to make an entire page or even a whole website dedicated to your one niche interest that no one seems to be into but you? go for it! want to keep a public journal where you can express your thoughts without worry? do it! want to keep an art gallery that looks exactly how you want? heck yeah! you are free now! you will enjoy the indie web so much more if you actually use it for the things you can’t do on websites like twitter, instead of just using it as a carrd bio alternative or a place to dump nostalgic geocities gifs.
don’t overwhelm yourself! if you’ve never worked with HTML/CSS or JS before, it may look really intimidating. start slow, use some guides, and don’t bite off more than you can chew. even if your site doesn’t look how you want quite yet, be proud of your work! you’re learning a skill that most people don’t have or care to have, and that’s pretty cool.
keep a personal copy of your website downloaded to your computer and don’t just edit it on neocities (or your host of choice) and call it a day. if for some reason your host were to ever go down, you would lose all your hard work! and besides, by editing locally and offline, you can use editors like vscode (very robust) or notepad++ (on the simpler side), which have more features and is more intuitive than editing a site in-browser.
you can use ctrl+shift+i on most browsers to inspect the HTML/CSS and other components of the website you’re currently viewing. it’ll even notify you of errors! this is useful for bugfixing your own site if you have a problem, as well as looking at the code of sites you like and learning from it. don’t use this to steal other people’s code! it would be like art theft to just copy/paste an entire website layout. learn, don’t steal.
don’t hotlink images from other sites, unless the resource you’re taking from says it’s okay! it’s common courtesy to download images and host them on your own site instead of linking to someone else’s site to display them. by hotlinking, every time someone views your site, you’re taking up someone else’s bandwidth.
if you want to make your website easily editable in the future (or even for it to have multiple themes), you will find it useful to not use inline CSS (putting CSS in your HTML document, which holds your website’s content) and instead put it in a separate CSS file. this way, you can also use the same theme for multiple pages on your site by simply linking the CSS file to it. if this sounds overwhelming or foreign to you, don’t sweat it, but if you are interested in the difference between inline CSS and using separate stylesheets, w3schools has a useful, quick guide on the subject.
visit other people’s sites sometimes! you may gain new ideas or find links to more cool websites or resources just by browsing.
if you are browsing sites:
if the page you’re viewing has a guestbook or cbox and you enjoyed looking at the site, leave a comment! there is nothing better as a webmaster than for someone to take the time to even just say “love your site” in their guestbook.
that being said, if there’s something on a website you don’t like, simply move on to something else and don’t leave hate comments. this should be self explanatory, but it is really not the norm to start discourse in indie web spaces, and you will likely not even be responded to. it’s not worth it when you could be spending your time on stuff you love somewhere else.
take your time! indie web doesn’t prioritize fast content consumption the way social media does. you’ll get a lot more out of indie websites if you really read what’s in front of you, or take a little while to notice the details in someone’s art gallery instead of just moving on to the next thing. the person who put labor into presenting this information to you would also love to know that someone is truly looking and listening.
explore! by clicking links on a website, it’s easy to go down rabbitholes of more and more websites that you can get lost in for hours.
seeking out fansites or pages for the stuff you love is great and fulfilling, but reading someone’s site about a topic you’ve never even heard of before can be fun, too. i encourage you to branch out and really look for all the indie web has to offer.
i hope this post helps you get started with using and browsing the indie web! feel free to shoot me an ask if you have any questions or want any advice. <3
24K notes · View notes
egelantier · 1 year
Text
PSA: Winterfox/Requires Hate/Benjanun Sriduangkaew/Maria Ying
I'm starting to see recs for Benjanun Sriduangkaew crop up in fandom again, so here's your reminder that Benjanun Sriduangkaew, aka Maria Ying, is actually Winterfox/Requires_Hate, a well-known serial harasser, blackmailer and abuser who decided that the best thing to do with her multimillionaire heiress time and money is to do real and lasting harm to many communities and many writers (especially writers of color) that she saw as rivals.
with how fast things move online right now, I imagine she's banking on people just forgetting everything she pulled: please don't! But even if you won't deny her your attention, at least keep yourself safe and remember that her modus operandi used to be either love bombing people until they let slip something she then blackmailed them with, or literally decades of unhinged harassment.
feel free to share.
original sources:
Mixon report: https://feralsapient.com/?p=889
The letter to Apex editors: https://web.archive.org/web/20170216003240/http://awitin.likhain.net/2017/02/a-letter-to-apex-editors-re-the-intersectional-sff-roundtable/
Zen Cho's report (start here of you never heard of any of this): https://web.archive.org/web/20200808225250/https://zencho.org/being-an-itemised-list-of-disagreements/
*she had once upon a time deleted her blog, hence the Wayback link; but now it's re-uploaded by her here, as she explicitly still stands by her words: https://zencho.org/articles/being-an-itemised-list-of-disagreements/
Rachel Manija Brown's report: https://rachelmanija.dreamwidth.org/1288081.html
1K notes · View notes
crownmemes · 2 months
Text
Tumblr media
Advice; Where to Make Rules and About Pages
If you've read my advice post about the difference between about and rules pages and why they're both important, you may not be wondering the best way to make them. The good news is, there are plenty of options!
Tumblr
The simplest choice. In the past, people would make custom pages on their theme. However, since dash view has become popular (and you can't view custom pages via it, nor can you view them on mobile), most people simply post their about/rules page as a normal text post, and link to it in their pinned post. If you have a custom theme, make sure to link the pages in the navigation bar too!
Using a plain Tumblr post increases your page's readability, but reduces the amount of formatting you can do. If you make your pages elsewhere, you will be able to customise them a lot more.
Carrd
A free website maker. You can make a small site with a free account, and the prices are pretty reasonable if you need to make a bigger site. Carrd has a minimalist aesthetic, and it will also adjust what you make to fit a mobile browser (though this may break your formatting if you have designed something complicated).
Carrd is easy to use, but it is best used for simple designs. If you want to do something more complicated than a basic Carrd layout, you're going to spend a lot of time trying to make the formatting work. If you want multiple pages for your site, you're also going to spend a lot of time formatting as you can't clone pages, therefore have to recreate each one every time instead.
It uses markdown for formatting text. If you're familiar with it, this can speed up writing, but it may slow you down if you've never used it before.
One of the benefits of Carrd is that there are lots of free templates available within the rpc! Here are resources I found with a quick Google search, but there are plenty more out there if you look for them: [x] [x] [x]
Weebly
Another free website maker. You can make more for free here than you can on Carrd. Weebly sites should adapt to work on a mobile browser.
I've never seen anybody use Weebly for about/rules pages, but I do recommend it! It's very easy to use, and, unlike Carrd, you can copy and paste entire pages. This makes it ideal if you have lots of muses that you want to make individual about pages for.
It uses a more typical text editor than Carrd. Instead of markdown, it's more like Microsoft Word - where you highlight text and click buttons to add formatting. You also have HTML/CSS options.
Weebly does offer some free templates, but you're likely to want to edit them to suit your needs more. This is okay! It isn't difficult to do!
Google Docs
A popular, completely free option. As with Carrd, there are plenty of templates and resources within the rpc (here are three examples: [x] [x] [x]). These pages will be viewable on a mobile browser, but the theme may not translate well. Keep readability in mind if you use this option.
If you use this option, also make sure the link you share is viewer only and doesn't have editor permissions!
Other Options (WordPress, Self-Hosting, etc)
Don't feel you have to follow the crowd. If you like to use WordPress, use WordPress. You could also use Neocities, or any other website builder!
Personally, I already own a web domain because I have websites for other online activities, so I use about pages that I've coded from scratch and host them myself. For my rules page, I just use a Tumblr text post that's linked in my pinned post. In the past, I've used Carrd and Tumblr pages for about pages.
If you want to write your site using HTML, some free website hosters will allow you to do this (Neocities, for example). If you're interested in coding, I do recommend this! It allows you to have full customisability, and coding can be a really useful skill. However, one downside of this is it can make your pages hard to read on a mobile browser. It's up to you to decide how important this is.
If you're interested in learning HTML (as well as CSS, JavaScript, and other coding languages), this site is a great resource!
28 notes · View notes
izicodes · 1 year
Note
hi hi! love your blog! I am also working on building sites for my portfolio but am a little stumped on how/where to deploy them. would you mind sharing what you are using for deployment? thanks!
Places to Deploy Your Website
Tumblr media
Hiya! I know a few places I've tried in the past and some I am yet to try but I know other developers use them!
Tumblr media
GitHub pages
GitHub Pages is a free static site hosting service that allows you to publish your website directly from a GitHub repository. It supports HTML, CSS, and JavaScript, as well as Jekyll, a static site generator. I used GitHub pages a lot since I use GitHub to keep all my repositories.
Replit
Replit is a cloud-based development environment that provides an integrated IDE, code editor, and hosting platform all in one place. With Replit, you can easily create and deploy web apps, games, and other projects in multiple programming languages such as Python, HTML, CSS, and JavaScript. I use Replit a lot too for my other much smaller projects that I can’t upload on GitHub to run the program online!
Netlify
Netlify offers a free plan for static site hosting that includes features such as continuous deployment, custom domains, and SSL encryption. It supports HTML, CSS, and JavaScript, as well as serverless functions and other backend technologies. 
Heroku
Heroku offers a free plan for hobbyist developers that allows you to deploy up to 5 applications. It supports many languages and frameworks, including Ruby, Node.js, Python, Java, PHP, and Go. Heroku allows free hosting for small applications.
Firebase Hosting
Firebase Hosting is a free service that allows you to host and deploy your web app or static content to a global content delivery network (CDN) with SSL encryption. It supports HTML, CSS, JavaScript, and other static assets. It allows free hosting for small applications.
Surge
Surge is a free static site hosting service that allows you to publish your website with a custom domain or a Surge subdomain. It supports HTML, CSS, JavaScript, and other static assets. Allows free hosting with unlimited bandwidth.
Tumblr media
Each of these free deployment options has its own cons such as: 
Its lack of server-side functionality
Limited database support
The cost of advanced features
Limited control over the infrastructure
May not be suitable for more complex websites or applications 
However, for small projects, I think you’ll be fine with the free options!
Hoped this helps and good luck with your websites’ deployments! 🥰🙌🏾💗
Tumblr media
206 notes · View notes
phrandallanton · 1 month
Note
Hellu))
I looked at your neocities thingy, and I just wondered how you did that with the text boxes and the background and stuff. If you are willing to share, if you aren't, then sorry for wasting ur time)
I'm very new to coding (I suck) and "Penelope the cat" doesn't really help much T-T
Hi! Don't worry about asking, I'm always happy to help and give info on anything I know to the best I can! (Though to be completely honest, I too don't know much of HTML so... lol)
I used a <table> tag and the other tags that come with it. I also used boarder, boarder style, and background color, which would be in the CSS part of the code. Makes the boarder that's around it, The style that boarder will be in, and the background color of that table.Here's a website that explains it better then I can and also helps me out A LOT.
I heavily recommend this site, it's a life saver and will explain everything.
Also here is some CSS to help with the boarder and background!
Some other extra tips I'll throw in here:
I recommend using "Visual Studios". It's a free program and you can get a plug-in that allows you to see how your website looks without having to edit, go to the website, refresh, over and over. It also helps with coding as well, overall I'm loving it!
Now, by no means am I saying you should copy somebody else code and steal it. That's wrong. However, if you see something you like and want to know how it works, inspect the page and look at the code! I've learned a lot from doing this and it's help me figure out how things work too. Once again, do not straight up steal lines of somebody else's code. By that point you're not coding, you're copying, pasting, and stealing.
I also think you should learn the basics of HTML, and if you really want to make things then I say take the time to learn HTML. Personally for me, I love the look of broken ugly websites. Just some basic CSS will do for me! But if you're not like me, then yes, I think you should learn more then just the basics.
I'm sure there's some HTML nerds that can explain this way better then what I can so like I always say when it comes to learning stuff, look it up! The internet has unlimited free information, somebody 12 years ago on reddit probably asked the same question you did and the answer will be in the comments of that post. Always search for things!
8 notes · View notes
heuldoch7b · 1 month
Note
How do you make your stamps?? They look super good!
grate question
i use THIS PROGRAM vvvv piskel its great its free its simple its basic and it has onion skin my beloved. i use the like actual downloadable desktop version cuz yk
for the actual pictures, i download the pictures and blast them thru photomosh for epik freaking effects / colors but youdont have to do that
for the actual animations like the sparkles and hearts i just do those by hand in piskel :P ive been animating for like 14 years so i just know how to do silly shit ezpz. i suggest if u want to make ur own just copying mine or other pixel stuff u like from games or other ppls free resources 👍
please get silly and have fun and make funny things of ur favs/ocs/whatever. i wish i knew how to do HTML better id make my own website.
7 notes · View notes
kmclaude · 2 years
Text
Tumblr media Tumblr media Tumblr media
Simple static site template (HTML/CSS/JS) is now available for artist homies looking to make a simple website and be free from social media (or at least less stuck.) All code is commented out and there's a README too: no HTML/CSS knowledge required.
Download the Template ZIP File, Unzip, and go!
Note: If you're using neocities.org to host then you can simply drag and drop all of those files once downloaded and use the in-browser HTML editor to edit your files, make changes, etc. (you'll need to make an account/login first.) However, those files will be live online. If you'd rather work on your own machine first (recommended so it won't be live), download a text editor such as Visual Studio Code or Sublime Text or Notepad++. Don't use Word, Google Docs, default Notepad, etc.
A thorough documentation can be found in the README.md file in the zip folder linked above and all files that need editing are thoroughly commented.
Any features you'd like to see, shoot me an ask and I'll see what I can do. This is my hobby not my job so, you know, caveat and all that
220 notes · View notes
chimairasden · 3 months
Text
Useful tools (an ongoing list)
Inspired by this wonderful post, I want to share the various archives, apps, websites etc. I use for creating my OCs, plotting my stories or simply expanding my knowledge.
Feel free to comment and add yours 🫶🏻❤️
Miscellaneous:
Behind the name
Pronouns Page
Online HTML Editor
NSFW writing prompt generator
Solidarity Cinema
Texts archives:
Chinaknowledge
Dukhrana Biblical Research
IntraText Digital Library
Perseus Digital Library
Poetry Foundation
Progetto Manuzio
Sefaria
The Noble Quran
Trans Reads
Visual tools:
Canva
Compairing Heights
ibisPaintX
Picrew
Tumblr media
9 notes · View notes
auberylis · 1 year
Text
MyArtGallery 20230623 BIG UPDATE!
Hi everyone! I made a cool big update to MyAG - a free, fast-rollout gallery package for your personal neocities.org website. It is aimed at artists who value and curate their online presence and want their art to exist for more than while it's on someone's dashboard. MyAG is my contribution to the decorporativisation of the online space. And today, i made it a whole ton more usable, too - managing your online art gallery is almost as easy as tumblr now!
Tumblr media
Meet the brand-new editor page! Before this, it used to be a neverending stream of html forms with crap layout.. now, it's almost state-of-the art web app shit! Essentially, it takes the form of what you see when you access your actual art gallery as a visitor, but with simplified design and neutral colours, and managing tools. To edit your artworks or groups - simply click on them and select "edit" in the popup menu! A nice lil' window appears, and you can change everything about your artwork or group in it. Adding new stuff is as easy as pressing "Add new..." and filling out a couple fields, too!
Tumblr media Tumblr media
But wait.. there's more! Not only can you now delete your stuff easily (yeah, there were troubles with that) - but also, i implemented moving stuff around in a turbo-simple way! Click "move" and hover over any of the insert markers that pop up, click - and the artwork (or the group button) is moved to the desired location.
Tumblr media
Pretty cool, huh? Sure is, and also sure as hell feels nice to have over 1K lines of code working neatly together for the sake of art without companies! I hope someone goes ahead and cooperates with me by running this at their neocities page and reporting any issues that emerge. Want to see it live? Here's a fresh stock deployment left untouched. And my own kandi museum runs on MyAG, too!
Grab MyAG and read the manual/tutorial at project's github page! Use this shit dammit!
If you want to contact me, DM here or use one of these!
Smaller updates:
Added a settings file checker. Since some keys will be coming and some will be going, the settingsChecker.html tool-page will check your current settings.js file for missing and deprecated setting keys, and point you to a quick-fix example!
Since i finally sorted out the XML entry order, some users may end up with their gallery groups or artworks displaying backwards after they update... i added "macro tools" to the gallery editor page, and the two available tools are to reverse all images and reverse all groups. If you run into such problem while updating, simply use the needed macro tool.
Figured out a bunch of small CSS bugs - stuff is laid out a bit neater now. Pretty sure there's more to come.. *cdi mario voice* and you've gotta help us!
58 notes · View notes
webtutorsblog · 1 year
Text
Unlimited Learning: HTML Tutorial for Beginners - WebTutor
Are you looking to learn HTML? Look no further! At WebTutor.dev, we offer comprehensive HTML tutorials and resources to help you become proficient in HTML, whether you're a beginner or an experienced developer. Our website is designed to provide you with an immersive and engaging learning experience, covering all aspects of HTML, from the basics to advanced concepts.
Why Choose WebTutor for HTML Learning?
Tumblr media
Free Online HTML Editor: We understand that practice is key to mastering HTML. That is why we provide a free online HTML editor that allows you to practice your coding skills in a real-time environment. Our editor comes with a range of features and tools to help you write, test, and debug HTML code efficiently.
Best HTML Editor Recommendations: Looking for the best HTML editor for your coding needs? We have got you covered! Our website offers recommendations for the best HTML editors available in the market, based on user reviews, features, and ease of use.
Beginner-Friendly HTML Tutorials: If you are new to HTML, don't worry! Our tutorials are designed with beginners in mind. We start with the basics and gradually progress to more complex concepts, with clear explanations and examples to help you grasp the fundamentals of HTML.
Learn at Your Own Pace: At WebTutor.dev, we believe that learning should be flexible and tailored to your needs. That's why our tutorials are self-paced, allowing you to learn at your own speed and convenience. You can access our tutorials anytime, anywhere, and from any device.
Comprehensive Learning Resources: Our website is a treasure trove of learning resources for HTML. From tutorials and articles to quizzes and practice exercises, we offer a wide range of materials to help you reinforce your learning and solidify your HTML skills.
Best Place to Learn HTML and CSS for Free: If you are looking to learn both HTML and CSS, WebTutor.dev is the best place to do it for free! Our tutorials cover both HTML and CSS, giving you a complete foundation in front-end web development.
Supportive Community: Learning HTML can be challenging, but you don't have to do it alone. At WebTutor.dev, we foster a supportive community where you can connect with fellow learners, share your progress, ask questions, and get help from experienced developers.
HTML Developer Career Opportunities: HTML is a fundamental skill for web development, and mastering it can open a world of career opportunities. With our comprehensive HTML tutorials, you will be well-equipped to pursue a career as an HTML developer and create dynamic and interactive websites.
HTML is Easy to Learn: If you are wondering whether HTML is hard to learn, fear not! HTML is a markup language, not a programming language, and it is considered one of the easiest languages to learn for beginners. With our step-by-step tutorials and interactive learning resources, you will find HTML a breeze to learn and master.
Whether you are a beginner or an experienced developer, our HTML Introduction page has something for everyone. From HTML tutorials for beginners to advanced HTML concepts for professionals, we have got you covered. So why wait? Start learning HTML today!
0 notes
donnyclaws · 1 year
Note
Ur website so cool!! ❤️❤️ Do you have by any chances coding tips? Been trying to make my own website for a while but adhd won't let me concentrate a second when it comes to learning coding
Thank you! And 100% It is deceptively approachable but also time consuming, I'm familiar enough with html from a highschool class where we did need to write code out by hand, and then soft practice with coding toyhou.se profiles and futzing around with free code snippets. Largely though I don't think you need to know everything or to write everything by hand, you just need to frankenstein code pieces together (As long as they're free ofc).
I used this first, it's fucking insanely handy and lets you make a simple layout with sidebars, navigation, header, footer and a body base ect, and then just generate and copy the code. The html itself also has greyed out little notes about what parts do what!
I'll be real the rest of it after that is just me googling what I want to do or googling html snippets bc I forgot them. So like html image link with size attributes ect ect, how to make a html image gallery. I don't use one site exclusively but w3schools.com has a bunch of common ones and also has a little live code editor in its tutorials.
Like I still get greatly stumped for hours bc code's kinda sensitive and one or two characters out of place will break sections of it especially when ur just frankensteining. Trying out little segments in live code editors is really helpful because you can kinda break it apart and diagnose the issue before putting it into your site html.
Also if it helps this is kind of how I break it down in my brain as another ADHD-er. so fuckign sorry for how this looks im doing it in snipping tool. But code bits love to live in cages even if it all looks the same, iit would also help if you clean your code up mine is pretty horrid but you just want to familiarize yourself with the little "Sections" ig that's where doing things by hand would help because you would 100% know what each chunk is for but yk yk.
Tumblr media
CSS is a different beast I barely understand. The parts of code where it starts stacking on top instead of being horizontal is css and it's basically how you do fancier things to your code, it's linked to stuff you already have down. So like changing the background in the body text box or something, you can only do so much in there. Css targetting the body text box is where you can level it up. Again the sadgrl layout builder has notes so you're not completely blind in there. There's also 100% so many resources to explain what all these words mean, my mmethod is incredibly avoidant I don't know what flex is I haven't needed to fight her yet ect ect.
Tumblr media
Sorry if this is confusing this is just my hack and slash understanding atm. Be humbled by code I've spent too long trying to fix up hysterical margin issues just because I had a random apostrophe somewhere or because I tried to spell it colour and not color ect.
33 notes · View notes
thethinkingaurora · 4 months
Note
Yo. How do you code? (I only know the basics to HTML and CSS :/)
Idk which specific question you’re asking, like like how do I code as in what tools do I use, or what do I do and what is my process, or how did I learn to code, or can you teach me to code
And because I don’t know I’ll answer all of them :3
1. What tools do I use?
I use a few things to code, VS Code for actually writing the code, GitHub for storing projects and collaboration, Google and StackOverflow and depending on the project various other apps
2. How do I do it and my workflow process
Uh I have like no idea, I kinda just learn how certain things work via Google and then I slot them together, But the workflow process, I know exactly how to do that, ok so get a white board or a notepad or something, write what you want your program to do, and then break it down into steps and then break it down again and again, so for example,
For my current project, (The Incorrect Quote Generator), I need to take inputs, from a list of quotes choose one that fits the parameters, replace names in the quote with the inputted ones and then print the whole thing
Breaking down the first bit I need the inputs, what inputs do I need? I need the amount of characters and the names of the characters, ok done, second bit, take the quotes, sort them based off of character amount, using the amount of characters from the previous step, pick a set of quotes that match, replace the names, last bit, take the quote with it replaced and done
Breaking down again, first bit, done already, second bit, do we want something like autocapitalisation to make it nicer , yeah sure, what about capitalising the entire name if it fits the circumstance, makes it smoother, done, last bit done
Ok what about formatting, do we want all of this on one line or do we want separate lines for each person speaking, yeah we want separate lines, ok use an “&” symbol to represent a space and when the piece of code that assembles the end string encounters it, print the string and reset continuing from where we are to make a new line
That’s the design process for that
But first you make a prototype of it, to see if it works, like I didn’t have the autocaps or anything at first, I only added that when one of the submissions needed it
Anyways-
3. How did I learn to code
Through a number of ways, first I had gone to this computer club thing when I was like 8 or something and I found Scratch and learned about that, then when I was about 10 I was curious about html and websites, so I ended up making websites for classmates, then lockdown hit and I had nothing to do, I wanted to make a game, so what did I do? I jumped headfirst into Unity and struggled to get absolutely anything done (DON’T DO THIS), at some point I ended up joining this thing called Coderdojo which is like a coding class which worked really well (I actually still go there every Saturday although I’m at more advanced stuff now) and I learned about python and then kept learning more, then I made my own projects and learned more on my own from that
If you are looking to learn on your own, I’d recommend W3Schools, they have tons of courses, are entirely free and very in depth
But first I’d recommend you check out Scratch, it’s great for learning how to think in computer terms
4. Can I teach you to code
I know this probably wasn’t what you were asking but I’ll answer it anyway
Sure, I’d love to, coding one of the things I enjoy a lot because it combines logic and making things, and I love helping and teaching people things so teaching someone else to code sounds good to me :3
Stuff mentioned here
5 notes · View notes
heniareth · 1 year
Text
Fanfic writer bingo
Tagged by @greypetrel and @shivunin and thank you so much for the tag!! I had a blast with this XD XD XD XD Let's go!!
Tumblr media
We got ourselves a bingo!!!!! (I think. I never played bingo)
Some notes on the above below the cut
I do roleplay online!! Apart from playing D&D of course, I have met some really cool people here with whom I also roleplay my Dragon Age OCs. It's a ton of fun
I have beta-read for friends from time to time and I enjoy it! I like going through a text and picking up what works and doesn't work and also squeal about it
All my published fics are unbeta'd (though I do rewrite each chapter once before publishing it)
Screams and typesmashes are a love language and go with more analytical bits like salt and vinegar go on potato chips (best flavor)
Fanfiction is a literary genre with its own conventions, rules, sets of expectations, and so forth. Fight me
I have so many unpublished fics and stories. Mostly from other fandoms. I have been writing since I was 11
Editing and formatting before posting was once hell to me (now it is no longer). I formatted everything I posted on AO3 with html. Which means I went through the whole chapter to put this <p> before every paragraph and this </p> at the end of every paragraph just to get a paragraph spacing I liked. Not to mention italics and shit. It was exhausting. Thank God for the rich text editor, now I do about a quarter of the work for the same result
I have never written drunk, but I have written sleep-deprived, which has about the same effect
And when I write I don't need any food or drinks, but precious we wants them!! What I do absolutely need is music. Mostly ambiences. Skyrin, the Witcher, Unravel (which I know nothing about except that it has a beautiful very calming soundtrack), AmbientGuild, or ambiences of the places in DAO are all things I have running in the background on a regular basis. For action music I also sometimes put on D&D battle music. For extremely calming music I recommend this DAO camp ambience (link takes you to Youtube)
All my fics deserve more attention, and I say this very flippantly. I really don't look at the numbers anymore right now XD XD XD XD The story is worth the writing
I will have published at least one fantasy novel before I die
This was very great fun XD XD XD XD I am going to tag, of you want to participate, all of my ficwriter friends. @oxygenforthewicked @bumblewarden @icy-warden @wild-houseplant @scribbledquillz @kingdomvel @the-iron-lion @yukichouji feel free to take a go at this if it feels fun ^^ And also you, if you have gotten this far and would like to participate. Have a lovely day all of you!!
Tumblr media
15 notes · View notes
Text
Oops! All linkdump!
Tumblr media
Tonight (May 2) I’ll be in Portland at the Cedar Hills Powell’s with Andy Baio for my new novel, Red Team Blues.
On May 5, I’ll be at the Books, Inc in Mountain View with Mitch Kapor; and on May 6/7, I’ll be in Berkeley at the Bay Area Bookfest.
Tumblr media
In 1997, Jorn Barger coined the term “web-log” to describe his website “Robot Wisdom,” where he logged his journeys around this exciting new digital space called “the web.” Two years later, Peter Merholz shortened “web-blog” to “blog”:
https://peterme.com/archives/00000205.html
If you’d like an essay-formatted version of this dump to read or share, here’s a link to it on pluralistic.net, my surveillance-free, ad-free, tracker-free blog:
https://pluralistic.net/2023/05/02/wunderkammer/#jubillee
Two years after that, I started blogging, when Mark Frauenfelder made me a guest-editor on Boing Boing:
https://boingboing.net/2001/01/13/hey-mark-made-me-a.html
I’ve now been blogging for 23 years, nearly half my life, a near-daily discipline that forms the spine of my writing practice. I take everything that seems important, and, in summarizing it for strangers, embed it in my own mind, and then find connections that turn into essays, speeches, stories and novels:
https://doctorow.medium.com/the-memex-method-238c71f2fb46
For the past 3+ years, I’ve been blogging solo on my Pluralistic.net project. It started off as a “link-blog,” in the Robot Wisdom vein — short hits summarizing interesting things:
https://pluralistic.net/2020/02/19/pluralist-19-feb-2020/
But over the months and years, it’s turned into a place where I write long essays, sometimes six or seven per week, trying to pull on all those threads that I’ve cataloged over the decades, weaving them together into big, thoughtful pieces, often to great and gratifying notice and even a little fanfare:
https://pluralistic.net/2023/01/21/potemkin-ai/#hey-guys
But I miss the linkblogging! For the past 14 months, Pluralistic has featured a little section called “Hey look at this,” where I post three short links, bare-bones pointers to interesting stuff online:
https://pluralistic.net/2022/03/01/reit-modernization-act/#linkdump
These links pile up in my todo.txt file, ebbing and flowing. Some days, I’ve got nothing for the section. Some days, I’ve got a backlog. These days, I’ve got a massive backlog — enough links for many, many editions. I am drowning in linkblog debt, and the interest is compounding. It’s time for a jubilee:
https://pluralistic.net/2020/03/24/grandparents-optional-party/#jubilee
Here, then, is the first-ever Pluralistic Jubilee Linkdump Backlog Bankruptcy!
First up:
“The Internet Isn’t Meant To Be So Small,” Kelsey McKinney’s crie-de-coeur for Defector:
https://defector.com/the-internet-isnt-meant-to-be-so-small
This is part of the enshittification canon that includes Cat Valente’s unmissable “Stop Talking to Each Other and Start Buying Things”:
https://catvalente.substack.com/p/stop-talking-to-each-other-and-start
McKinney’s money-shot:
It is worth remembering that the internet wasn’t supposed to be like this. It wasn’t supposed to be six boring men with too much money creating spaces that no one likes but everyone is forced to use because those men have driven every other form of online existence into the ground. The internet was supposed to have pockets, to have enchanting forests you could stumble into and dark ravines you knew better than to enter. The internet was supposed to be a place of opportunity, not just for profit but for surprise and connection and delight. Instead, like most everything American enterprise has promised held some new dream, it has turned out to be the same old thing — a dream for a few, and something much more confining for everyone else.
This doesn’t just make me want to stand up and salute — it makes me want to build a barricade (or a guillotine).
On to “Reddit Data API Update: Changes to Pushshift Access,” a Reddit thread where the volunteer mods are discussing another enshittification move: Reddit’s pre-IPO API shut-down that has broken all the mod tools that volunteers use to shovel out Reddit’s Augean Stables, getting rid of spam and catfishing and fraud:
https://old.reddit.com/r/modnews/comments/134tjpe/reddit_data_api_update_changes_to_pushshift_access/
This isn’t just “stop talking to each other and start buying things” — this is “stop doing billions of dollars in volunteer labor keeping our users safe, and start paying us for the privilege.” Good luck with that, Reddit.
Hey! The Hollywood writers are back on strike! The Guild is a shitkicking, take-no-prisoners, radical union with massive solidarity:
https://www.theverge.com/2023/5/2/23707813/wga-hollywood-writers-strike-2023-streaming-ai-wages-contract
It’s what let them trounce the talent agencies — hyper-concentrated to just four companies, two owned by private equity ghouls — over a 22 month strike:
https://pluralistic.net/2020/11/23/opsec-and-personal-security/#monopsony
The talent agencies had rigged the system so that instead of getting a 10% commission on the writers’ earnings, they were taking as much as 90% out of every dollar — and were about to make it worse, building their own studios, so they could negotiate with themselves on behalf of their clients. In the same week, 7,000 writers — even the ones who weren’t getting screwed — fired their agents, and demanded a return to the 90/10 split and a ban on agencies owning studios. The agencies say nfw. The writers stayed on the picket line.
There’s a whole chapter on this in Chokepoint Capitalism, Rebecca Giblin’s and my book on creative labor markets and monopoly. One of our sources was David Goodman, who led the strike:
https://chokepointcapitalism.com/
David hosted our LA launch, where he told us, “We thought the agencies had all the power. We learned that they only had as much power as we gave them. You can make a movie without an agent. You can’t make one without a writer.”
The new strike is about the same thing as the old strike: shifting money from labor to capital. The studios have figured out how to use streaming to avoid paying writers, using gimmicks like shorter seasons and running their own streaming services to dodge the wages the writers are owed. As the union says, the studios “created a gig economy inside a union workforce.”
I live in Burbank, where many of these studios are located. I’ll see you on the picket line.
Sticking with labor for a moment: the Biden administration is investigating the use of bossware — the spyware your boss uses to monitor your driving, keystrokes, web usage, location, hand-movements, facial expressions, even your eyeballs:
https://gizmodo.com/remote-work-surveillance-software-workers-rights-1850392911
The White House Office of Science and Technology Policy’s Request for Information solicits your experiences with bossware:
https://www.whitehouse.gov/wp-content/uploads/2023/05/050123_OSTP_RFI_PREPUBLISH_.pdf
They want to know:
Workers’ firsthand experiences with surveillance technologies;
Details from employers, technology developers, and vendors on how they develop, sell, and use these technologies;
Best practices for mitigating risks to workers;
Relevant data and research; and
Ideas for how the federal government should respond to any relevant risks and opportunities.
If you’re living under bossware’s yoke — say, if your boss has transformed “work from home” into “live at work,” then you know what to do: melt the switchboard!
One more labor story: a reminder that labor rights are a marathon, not a sprint. A group of Amazon drivers won a $30/hour contract through their union, the Teamsters. Even more importantly, the contract lets them refuse to work under unsafe conditions (it’s never just about money):
https://www.vox.com/technology/2023/4/27/23667968/amazon-contractor-delivery-union-teamsters
But there’s a catch: these are Amazon drivers, but they don’t work for Amazon. They drive Amazon-branded vans, specced down to the last rivet by Amazon. They wear Amazon vests. They deliver Amazon packages. But they work for “Delivery Service Partners,” a kind of pyramid scheme created by Amazon that tricks workers into thinking that paying Amazon for the privilege of working for a trillion-dollar company makes them “entrepreneurs.”
Instead, they’re “chickenized reverse centaurs.” “Chickenized” because — like poultry farmers — they are totally controlled by a monopoly buyer that dictates every part of their business to them, dribbling out just enough money to roll over their loans and go deeper into debt. “reverse-centaurs,” because they’re the inverse of the AI theorists’ idea of a “centaur,” that is, a computer-assisted human. Instead, they are human-assisted computers, with their every last move scripted to the finest degree by bossware that they have to pay for:
https://pluralistic.net/2021/03/19/the-shakedown/#weird-flex
Amazon now has the luxury of terminating its contract with the union’s employer — the cutout that allows Amazon to maintain the worker misclassification pretext that these drivers in Amazon vans wearing Amazon uniforms delivering Amazon packages don’t work for Amazon.
Amazon hates unions in ways that are hard for everyday people to grasp. One of the organizers of the union drive has been illegally terminated in retaliation for his labor activism:
https://news.bloomberglaw.com/daily-labor-report/amazon-delivery-owner-says-he-was-punished-for-supporting-union
This fuckery doesn’t mean that union organizing is dead. As Jane McAlevy writes in “A Collective Bargain,” her superb memoir of her union-organizing career, unions started winning the class war when labor organizing was illegal, fighting in the teeth of a rigged legal system. We won then, we’ll win again:
https://doctorow.medium.com/a-collective-bargain-a48925f944fe
Seeing defeat (seemingly) snatched from the jaws of victory is a major bummer, but a better world is possible. It’s not even complicated — it’s just hard. If you are in precarious housing, or homeless, or if you experience the moral injury of living in a city where your neighbors lack the foundational human right to a home, it’s easy to feel despondent.
But solving homelessness isn’t complicated, it’s just hard. In Finland, they solved homelessness through the simple expedient of giving everyone a home. This didn’t just address the problem of not having a home — it also made incredible progress on the comorbidities of homelessness, like mental health problems and addiction. Turns out, getting sober or getting treatment is a lot easier when you’re not freezing to death on a sidewalk. Whoathunk?
https://www.commondreams.org/opinion/how-finland-solved-homelessness
There are many ways to improve our cities. You can (and should) fight for better local government, but there’s always the tantalizing option of taking matters into your own hands. That’s what the Crosswalk Vigilantes do. They research the intersections where cars are killing their neighbors, then they put on hi-viz vests, set out traffic-cones, and install crosswalks:
https://www.youtube.com/watch?v=x33yLuJ5slI
If you’re wondering how the forces of bossware, homelessness, and other enshittifying factors came to rule, it’s actually pretty straightforward. 40 years ago, we installed a software patch called neoliberalism (in some regions, this patch was had localized names like Thatcherism or Reaganomics).
40 years later, the patch is an unequivocal failure and now it’s our job to roll it back, despite all the broken dependencies this will trigger. Most of us can see this is true, but not The Economist, which Brad DeLong calls “Neoliberalism’s Final Stronghold” in his Project Syndicate article:
https://www.project-syndicate.org/commentary/economist-writers-last-true-believers-in-neoliberalism-by-j-bradford-delong-2023-04
De Long’s catalog of the recent bizarre, delusional work in The Economist embodies Upton Sinclair’s maxim, “it is difficult to get a man to understand something, when his salary depends on his not understanding it.”
Every Naomi Kritzer story is a fucking delight and “Better Living Through Algorithms,” just published in Clarkesworld, is no exception:
https://clarkesworldmagazine.com/kritzer_05_23/
Few writers are better at inhabiting the uncomfortable space between recognizing the delights of the internet without flinching away from its horrors. This one is simultaneously hilarious and horrifying.
If you’re just discovering Kritzer, check out “So Much Cooking,” an eerily prophetic 2015 story in the form of a series of perky cooking-blog posts amidst a global pandemic. It got a much-deserved second life during lockdown’s peak sourdough moment:
https://pluralistic.net/2020/04/17/pack-of-knaves/#so-much-cooking
And then try her at book length! “Catfishing on Catnet” is Kritzer’s book-length adaptation of her Hugo-winning short story “Cat Pictures Please.” It’s an AI caper about cat memes, community, and the anti-enshittification underground:
https://memex.craphound.com/2019/11/19/naomi-kritzers-catfishing-on-the-catnet-an-ai-caper-about-the-true-nature-of-online-friendship/
Speaking of science fiction: I’ve got a new novel out. Red Team Blues is an anti-finance finance thriller, a heist book about cryptocurrency and forensic accounting with a 67-year-old hero, Marty Hench:
http://redteamblues.com/
The book came out last week and I am still in the nailbiting interregnum where its fate is unknowable — will it be another bestseller, or fizzle? Thankfully, the reviews have been stunning. Mitch Wagner calls it “the most exciting technothriller about a 67-year-old accountant you’ll read this year”:
https://mitchw.blog/2023/04/25/warning-cory-doctorows.html
Mitch ruminates some on the distinctive way I’m handling Hench’s aging process in this book and its two (at least sequels). Reading other peoples’ insights into one’s own work is a wild experience. I mean, it’s nice when a reader notices something you worked hard to put in there, and frustrating when a reader imagines something that definitely isn’t there.
But the best thing is when a reader notices something that you didn’t consciously put in there, but which is undeniably there, and also very cool. In his Locus review, Paul DiFilippo homes in on the way that Marty Hench is totally reliant on his friends and comrades to get out of hot water:
https://locusmag.com/2023/04/paul-di-filippo-reviews-red-team-blues-by-cory-doctorow/
 Marty is besieged and almost helpless without the aid of friends, acquaintances, and even strangers. He is no go-it-alone superman, but rather an individual tied into a network of humanity, relying on the goodness and altruism of his fellows for survival.
This is so right. Marty is no great man of history — he is part of a polity, a collective of people from all walks of life who try hard to help each other. Call it solidaritypunk. Also, Paul opens his review with “I can’t possibly say enough good things about Cory Doctorow’s new novel.” I mean, who can complain about that?
I was also very gratified by Henry Farrell’s Crookedtimber review, which says some very nice things about the way I work in technical detail, and suggests that this technique is one that all kinds of technical experts, policy wonks and scientists could learn from:
https://crookedtimber.org/2023/04/27/red-team-blues-and-the-as-you-know-bob-problem/
Which makes Matt Green’s review, where the eminent cryptographer digs into the cryptographic technical details of the book, especially delicious. Green is a brilliant scientist and science communicator, and he says I get it right, and do it well:
https://blog.cryptographyengineering.com/2023/04/24/book-review-red-team-blues/
One of the first reviews to hit the web came from Matt Haughey, AKA “Metafilter Matt,” who called it “a ‘ripped from the headlines’ romp”:
https://a.wholelottanothing.org/2023/04/25/red-team-blues-is-a-fun-ripped-from-the-headlines-romp/
Matt’s fellow PDXer and olde timey blogger, Andy Baio, called it “a wild ride”:
https://waxy.org/2023/04/cory-doctorows-red-team-blues-is-out-now/
Andy is my host at tonight’s book signing in PDX, at the Powell’s in Cedar Hills:
https://www.powells.com/book/red-team-blues-martin-hench-1-9781250865847?partnerid=33241
As I type these words, I am sitting in a window-seat on Alaska Air, en route to Portland for that event. I am wearing slip-off shoes, a jacket with pockets of sufficient volume to store my watch, wallet and belt, and socks that I don’t mind exposing to a dirty airport floor. As I shuffled through the TSA checkpoint an hour ago, I found myself looking on the beleaguered “officers” who were patting people down with pity and even a little sympathy.
The TSA is an abomination. A boondoggle that doesn’t make aviation safer, lights billions on fire in lost productivity, wages and capital equipment. Its legion of underpaid, miserable workers invade the privacy and even sexually assault millions of Americans every day, and have been at it for decades without any sign of stopping or even slowing down.
The agency is now 20 years old, and it just keeps getting worse, finding new ways to make America hate it. Reading “The Humiliating History of the TSA,” Darryl Campbell’s giant reckoning in The Verge was a wild ride, and a reminder that while most of us only interact with the TSA’s awful, inexcusable policies a couple times a year, TSA workers live with it every day:
https://www.theverge.com/c/23311333/tsa-history-airport-security-theater-homeland
Before I close, please let us have a moment to acknowledge the passing of Gordon Lightfoot, the Canadian music legend, who has just died at 84. He will be missed:
https://www.joeydevilla.com/2023/05/01/r-i-p-gordon-lightfoot/
All right, it’s time to hit publish on this linkdump, but before I go, a couple of absolutely lovely little webtoys and grace-notes for you to take away:
Womprat (the font you’re looking for) is the world’s greatest Star Wars font collection:
http://womprat.xyz/
And finally, Tumblr, now owned by WordPress parent company Automattic, is striving mightily to reverse decades of enshittification from Yahoo and Verizon. They’re leaving very heavily into listening to their users, paving the desire-paths and putting the community ahead of any other priority.
One place where that is paying unexpected dividends is their deeply weird little merch store, where you can buy up to 24 blue checkmarks to appear on your posts (they sell in pairs at $8). Even better: they’re now selling a 3D printed, light-up, Tumblr-themed Dumpster-Fire:
https://shop.tumblr.com/product/tumblr-dumpster-fire-3d-print/
The dumpster-fire was hoisted from a community member, who made their own, sent it to management, and struck a bargain to sell them through the store. And that, ladies and gentlemen, is how you make sarsaparilla when life gives you SARS.
Tumblr media
Catch me on tour with Red Team Blues in Mountain View, Berkeley, Portland, Vancouver, Calgary, Toronto, DC, Gaithersburg, Oxford, Hay, Manchester, Nottingham, London, and Berlin!
Tumblr media Tumblr media
[Image ID: A page of comic book 'small ads.']
12 notes · View notes
jambeegoatson · 2 years
Text
Step-by-Step Guide to Coding for Beginners
Coding is a valuable skill in today's digital world, and it's never too late to start learning. Whether you're looking to switch careers, build websites, or create apps, coding is a great place to start. This guide will help you get started on your coding journey, covering the basics of coding and providing a roadmap for further learning.
Tumblr media
What is coding, and why is it important?
Coding is the process of writing instructions for computers to follow. It's the language that computers use to communicate with each other and with humans. Coding is important because it's a fundamental part of the technology that drives our daily lives. From websites and apps to software and automation, coding plays a crucial role in nearly every aspect of our digital world.
What do you need to get started?
To start coding, you'll need a few things: a computer, an internet connection, and a text editor. A text editor is a program that allows you to write and save code. There are many free text editors available, including Sublime Text, Visual Studio Code, and Notepad++.
Once you have your tools set up, it's time to start learning!
Getting started with coding
The first step in your coding journey is to learn a programming language and learn what are do's and don'ts of coding. There are many programming languages to choose from, but some of the most popular and widely used include HTML, CSS, JavaScript, Python, and Java. HTML (HyperText Markup Language) is used to create the structure of websites. CSS (Cascading Style Sheets) is used to add styling and design to HTML pages. JavaScript is used to create interactive elements on websites. Python is a versatile programming language that can be used for a wide range of tasks, from data analysis to machine learning. Java is a popular language for developing Android apps and building enterprise-level applications.
Once you have chosen a programming language, it's time to start learning! There are many resources available to help you get started, including online courses, books, and tutorials. Some popular resources for learning HTML, CSS, and JavaScript include Aspire Coding, Codecademy, W3Schools, and Udemy. For learning Python, try Codecademy, Udemy, or Coursera. And for learning Java, check out Udemy, Coursera, or Oracle's Java tutorials.
Practice, practice, practice
The best way to learn coding for beginners is by doing. As you learn the basics of your chosen programming language, start experimenting with small projects. Try creating a simple website, building a calculator app, or writing a program to automate a task. The more you practice, the better you'll get, and you'll soon find that coding becomes second nature.
Take your learning to the next level
Once you have a solid understanding of the basics, it's time to take your learning to the next level. Consider taking an online course or enrolling in a bootcamp to learn more advanced concepts and skills. You can also participate in coding challenges and hackathons to put your skills to the test and learn from other coders.
Final thoughts
Coding is a valuable skill that can open up a world of opportunities. Whether you're looking to switch careers, build websites, or create apps, coding is a great place to start. With this guide and the resources available, you'll be well on your way to becoming a coding pro. Remember to practice regularly, take advantage of online resources, and never stop learning!
16 notes · View notes