#css course for beginners | Explore Tumblr posts and blogs

hob28 · 11 months ago

Text

Learn HTML and CSS: A Comprehensive Guide for Beginners

Introduction to HTML and CSS

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the core technologies for creating web pages. HTML provides the structure of the page, while CSS defines its style and layout. This guide aims to equip beginners with the essential knowledge to start building and designing web pages.

Why Learn HTML and CSS?

HTML and CSS are fundamental skills for web development. Whether you're looking to create personal websites, start a career in web development, or enhance your current skill set, understanding these technologies is crucial. They form the basis for more advanced languages and frameworks like JavaScript, React, and Angular.

Getting Started with HTML and CSS

To get started, you need a text editor and a web browser. Popular text editors include Visual Studio Code, Sublime Text, and Atom. Browsers like Google Chrome, Firefox, and Safari are excellent for viewing and testing your web pages.

Basic HTML Structure

HTML documents have a basic structure composed of various elements and tags. Here’s a simple example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

<h1>Welcome to My Web Page</h1>

<p>This is a paragraph of text on my web page.</p>

</body>

</html>

: Declares the document type and HTML version.

: The root element of an HTML page.

: Contains meta-information about the document.

: Connects the HTML to an external CSS file.

: Contains the content of the web page.

Essential HTML Tags

HTML uses various tags to define different parts of a web page:

to : Headings of different levels.

: Paragraph of text.

: Anchor tag for hyperlinks.

: Embeds images.

: Defines divisions or sections.

: Inline container for text.

Creating Your First HTML Page

Follow these steps to create a simple HTML page:

Open your text editor.

Write the basic HTML structure as shown above.

Add a heading with the tag.

Add a paragraph with the tag.

Save the file with a .html extension (e.g., index.html).

Open the file in your web browser to view your web page.

Introduction to CSS

CSS is used to style and layout HTML elements. It can be included within the HTML file using the <style> tag or in a separate .css file linked with the <link> tag.

Basic CSS Syntax

CSS consists of selectors and declarations. Here’s an example:

css

Copy code

h1 {

color: blue;

font-size: 24px;

}

Selector (h1): Specifies the HTML element to be styled.

Declaration Block: Contains one or more declarations, each consisting of a property and a value.

Styling HTML with CSS

To style your HTML elements, you can use different selectors:

Element Selector: Styles all instances of an element.

Class Selector: Styles elements with a specific class.

ID Selector: Styles a single element with a specific ID.

Example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

<title>Styled Page</title>

</head>

<body>

<h1 class="main-heading">Hello, World!</h1>

<p id="intro">This is an introduction paragraph.</p>

</body>

</html>

In the styles.css file:

css

Copy code

.main-heading {

color: green;

text-align: center;

}

#intro {

font-size: 18px;

color: grey;

}

CSS Layout Techniques

CSS provides several layout techniques to design complex web pages:

Box Model: Defines the structure of an element’s content, padding, border, and margin.

Flexbox: A layout model for arranging items within a container, making it easier to design flexible responsive layouts.

Grid Layout: A two-dimensional layout system for more complex layouts.

Example of Flexbox:

css

Copy code

.container {

display: flex;

justify-content: space-around;

}

.item {

width: 100px;

height: 100px;

background-color: lightblue;

}

Best Practices for Writing HTML and CSS

Semantic HTML: Use HTML tags that describe their meaning clearly (e.g., , , ).

Clean Code: Indent nested elements and use comments for better readability.

Validation: Use tools like the W3C Markup Validation Service to ensure your HTML and CSS are error-free and standards-compliant.

Accessibility: Make sure your website is accessible to all users, including those with disabilities, by using proper HTML tags and attributes.

Free Resources to Learn HTML and CSS

W3Schools: Comprehensive tutorials and references.

MDN Web Docs: Detailed documentation and guides for HTML, CSS, and JavaScript.

Codecademy: Interactive courses on web development.

FreeCodeCamp: Extensive curriculum covering HTML, CSS, and more.

Khan Academy: Lessons on computer programming and web development.

FAQs about Learning HTML and CSS

Q: What is HTML and CSS? A: HTML (HyperText Markup Language) structures web pages, while CSS (Cascading Style Sheets) styles and layouts the web pages.

Q: Why should I learn HTML and CSS? A: Learning HTML and CSS is essential for creating websites, understanding web development frameworks, and progressing to more advanced programming languages.

Q: Do I need prior experience to learn HTML and CSS? A: No prior experience is required. HTML and CSS are beginner-friendly and easy to learn.

Q: How long does it take to learn HTML and CSS? A: The time varies depending on your learning pace. With consistent practice, you can grasp the basics in a few weeks.

Q: Can I create a website using only HTML and CSS? A: Yes, you can create a basic website. For more complex functionality, you'll need to learn JavaScript.

Q: What tools do I need to start learning HTML and CSS? A: You need a text editor (e.g., Visual Studio Code, Sublime Text) and a web browser (e.g., Google Chrome, Firefox).

Q: Are there free resources available to learn HTML and CSS? A: Yes, there are many free resources available online, including W3Schools, MDN Web Docs, Codecademy, FreeCodeCamp, and Khan Academy.

#how to learn html and css #html & css course #html & css tutorial #html and css #html course #html css tutorial #html learn #html learn website #learn html #learn html and css #html and css course #html and css full course #html and css online course #how to learn html and css for beginners

3 notes · View notes

freeonlinecourse94 · 5 months ago

Text

The Web Developer Bootcamp 2025 - Free Course

Course Content

Introduction to Web Development

Building Web Pages with HTML5 & CSS3

JavaScript Basics & Advanced Concepts

Back-End Development with Node.js

Database Management with MongoDB

Building Full-Stack Web Applications

Deploying Projects to the Web

Join Now

0 notes

1lastdate · 2 years ago

Text

HTML tutorial in Hindi | HTML Tools | HTML Document Structure

HTML Tools HTML tutorial in Hindi – HTML में Code लिखने और Run करने के लिये कुछ Basic Tools की जरूरत होती है जो लगभग सारे Computers में पहले से ही Installed होते हैं। इसके लिये mainly दो प्रकार के Tools की जरूरत पडती है: Text Editor (जैसे Notepad, Notepad++, Dreamweaver, Coffee Cup, Visual Studio Code आदि) Web Browser (जैसे Internet Explorer, Google Chrome, Firefox, Safari, Opera आदि) Text…

View On WordPress

#complete html tutorial in hindi #css html tutorial in hindi #html #html course in hindi #html css tutorial for beginners in hindi #html css tutorial in hindi #html full course in hindi #html hindi tutorial #html in hindi #html in one video #html in one video in hindi #html tutorial #html tutorial for beginners #html tutorial for beginners in hindi #html tutorial in hindi #html tutorials in hindi #learn html #learn html in hindi #what is html in hindi

0 notes

digilearnteach · 2 years ago

Text

#CSS #phyton #C Language #HTML #C++ Language #Learn CSS #Coding Classes #Java Script #Learn HTML #java language #Programming Language #HTML Language #CSS Language #coding for beginners #online coding courses

0 notes

izicodes · 2 years ago

Note

it seems like my ask from a few days ago didn’t get sent 😭 argh stupid tumblr

i was basically asking there what resources you would recommend for everything that could be useful for neocities,, like html, css,,(and you mentioned java script i think?) especially beginner-beginner stuff and then maybe for intermediate 👉👈 i know you probably have all those on your blog already but you know me in a bit 😵‍💫

also yes i’d love to work on ours together, even if we didn’t make them match! cause you know you have millions of brilliant ideas :33 🌻🌻💛

Hiya,

These are the stuff I used / still use, hope it's useful:

W3Schools

Mozilla Developer Network (MDN)

Codecademy

freeCodeCamp

Khan Academy HTML/CSS Course

Shay Howe's HTML and CSS tutorial

HTML Dog

CSS-Tricks

CSS Layout

Flexbox Froggy

Grid Garden

CSS Zen Garden

CSS Animation

Try them out and see what works best for you! 👍🏾

#my asks #resources #coding #codeblr #progblr #programming #studyblr #studying #comp sci #computer science #programmer #html css #html #css

357 notes · View notes

codingquill · 2 years ago

Text

JavaScript Fundamentals

I have recently completed a course that extensively covered the foundational principles of JavaScript, and I'm here to provide you with a concise overview. This post will enable you to grasp the fundamental concepts without the need to enroll in the course.

Prerequisites: Fundamental HTML Comprehension

Before delving into JavaScript, it is imperative to possess a basic understanding of HTML. Knowledge of CSS, while beneficial, is not mandatory, as it primarily pertains to the visual aspects of web pages.

Manipulating HTML Text with JavaScript

When it comes to modifying text using JavaScript, the innerHTML function is the go-to tool. Let's break down the process step by step:

Initiate the process by selecting the HTML element whose text you intend to modify. This selection can be accomplished by employing various DOM (Document Object Model) element selection methods offered by JavaScript ( I'll talk about them in a second )

Optionally, you can store the selected element in a variable (we'll get into variables shortly).

Employ the innerHTML function to substitute the existing text with your desired content.

Element Selection: IDs or Classes

You have the opportunity to enhance your element selection by assigning either an ID or a class:

Assigning an ID:

To uniquely identify an element, the .getElementById() function is your go-to choice. Here's an example in HTML and JavaScript:

HTML:

<button id="btnSearch">Search</button>

JavaScript:

document.getElementById("btnSearch").innerHTML = "Not working";

This code snippet will alter the text within the button from "Search" to "Not working."

Assigning a Class:

For broader selections of elements, you can assign a class and use the .querySelector() function. Keep in mind that this method can select multiple elements, in contrast to .getElementById(), which typically focuses on a single element and is more commonly used.

Variables

Let's keep it simple: What's a variable? Well, think of it as a container where you can put different things—these things could be numbers, words, characters, or even true/false values. These various types of stuff that you can store in a variable are called DATA TYPES.

Now, some programming languages are pretty strict about mentioning these data types. Take C and C++, for instance; they're what we call "Typed" languages, and they really care about knowing the data type.

But here's where JavaScript stands out: When you create a variable in JavaScript, you don't have to specify its data type or anything like that. JavaScript is pretty laid-back when it comes to data types.

So, how do you make a variable in JavaScript?

There are three main keywords you need to know: var, let, and const.

But if you're just starting out, here's what you need to know :

const: Use this when you want your variable to stay the same, not change. It's like a constant, as the name suggests.

var and let: These are the ones you use when you're planning to change the value stored in the variable as your program runs.

Note that var is rarely used nowadays

Check this out:

let Variable1 = 3; var Variable2 = "This is a string"; const Variable3 = true;

Notice how we can store all sorts of stuff without worrying about declaring their types in JavaScript. It's one of the reasons JavaScript is a popular choice for beginners.

Arrays

Arrays are a basically just a group of variables stored in one container ( A container is what ? a variable , So an array is also just a variable ) , now again since JavaScript is easy with datatypes it is not considered an error to store variables of different datatypeslet

for example :

myArray = [1 , 2, 4 , "Name"];

Objects in JavaScript

Objects play a significant role, especially in the world of OOP : object-oriented programming (which we'll talk about in another post). For now, let's focus on understanding what objects are and how they mirror real-world objects.

In our everyday world, objects possess characteristics or properties. Take a car, for instance; it boasts attributes like its color, speed rate, and make.

So, how do we represent a car in JavaScript? A regular variable won't quite cut it, and neither will an array. The answer lies in using an object.

const Car = { color: "red", speedRate: "200km", make: "Range Rover" };

In this example, we've encapsulated the car's properties within an object called Car. This structure is not only intuitive but also aligns with how real-world objects are conceptualized and represented in JavaScript.

Variable Scope

There are three variable scopes : global scope, local scope, and function scope. Let's break it down in plain terms.

Global Scope: Think of global scope as the wild west of variables. When you declare a variable here, it's like planting a flag that says, "I'm available everywhere in the code!" No need for any special enclosures or curly braces.

Local Scope: Picture local scope as a cozy room with its own rules. When you create a variable inside a pair of curly braces, like this:

//Not here { const Variable1 = true; //Variable1 can only be used here } //Neither here

Variable1 becomes a room-bound secret. You can't use it anywhere else in the code

Function Scope: When you declare a variable inside a function (don't worry, we'll cover functions soon), it's a member of an exclusive group. This means you can only name-drop it within that function. .

So, variable scope is all about where you place your variables and where they're allowed to be used.

Adding in user input

To capture user input in JavaScript, you can use various methods and techniques depending on the context, such as web forms, text fields, or command-line interfaces.We’ll only talk for now about HTML forms

HTML Forms:

You can create HTML forms using the <;form> element and capture user input using various input elements like text fields, radio buttons, checkboxes, and more.

JavaScript can then be used to access and process the user's input.

Functions in JavaScript

Think of a function as a helpful individual with a specific task. Whenever you need that task performed in your code, you simply call upon this capable "person" to get the job done.

Declaring a Function: Declaring a function is straightforward. You define it like this:

function functionName() { // The code that defines what the function does goes here }

Then, when you need the function to carry out its task, you call it by name:

functionName();

Using Functions in HTML: Functions are often used in HTML to handle events. But what exactly is an event? It's when a user interacts with something on a web page, like clicking a button, following a link, or interacting with an image.

Event Handling: JavaScript helps us determine what should happen when a user interacts with elements on a webpage. Here's how you might use it:

HTML:

<button onclick="FunctionName()" id="btnEvent">Click me</button>

JavaScript:

function FunctionName() { var toHandle = document.getElementById("btnEvent"); // Once I've identified my button, I can specify how to handle the click event here }

In this example, when the user clicks the "Click me" button, the JavaScript function FunctionName() is called, and you can specify how to handle that event within the function.

Arrow functions : is a type of functions that was introduced in ES6, you can read more about it in the link below

If Statements

These simple constructs come into play in your code, no matter how advanced your projects become.

If Statements Demystified: Let's break it down. "If" is precisely what it sounds like: if something holds true, then do something. You define a condition within parentheses, and if that condition evaluates to true, the code enclosed in curly braces executes.

If statements are your go-to tool for handling various scenarios, including error management, addressing specific cases, and more.

Writing an If Statement:

if (Variable === "help") { console.log("Send help"); // The console.log() function outputs information to the console }

In this example, if the condition inside the parentheses (in this case, checking if the Variable is equal to "help") is true, the code within the curly braces gets executed.

Else and Else If Statements

Else: When the "if" condition is not met, the "else" part kicks in. It serves as a safety net, ensuring your program doesn't break and allowing you to specify what should happen in such cases.

Else If: Now, what if you need to check for a particular condition within a series of possibilities? That's where "else if" steps in. It allows you to examine and handle specific cases that require unique treatment.

Styling Elements with JavaScript

This is the beginner-friendly approach to changing the style of elements in JavaScript. It involves selecting an element using its ID or class, then making use of the .style.property method to set the desired styling property.

Example:

Let's say you have an HTML button with the ID "myButton," and you want to change its background color to red using JavaScript. Here's how you can do it:

HTML: <button id="myButton">Click me</button>

JavaScript:

// Select the button element by its ID const buttonElement = document.getElementById("myButton"); // Change the background color property buttonElement.style.backgroundColor = "red";

In this example, we first select the button element by its ID using document.getElementById("myButton"). Then, we use .style.backgroundColor to set the background color property of the button to "red." This straightforward approach allows you to dynamically change the style of HTML elements using JavaScript.

400 notes · View notes

wojenka · 10 months ago

Text

make your own website today!! ꒰ᐢ. .ᐢ꒱₊˚⊹

this is for all people who want to make their own website and maybe try to save the internet from dying! you will find something for yourself no matter if you can or cannot code! static website hostings: neocities - really beginner friendly github pages gitlab pages website builders (no code required): ! personally i don't recommend them! you can easily learn html and css and even javascript! this way you can make a more personalized website! bearblog- secure and fast hotglue - this one is pretty unique and charming in its own way zonelets - simple blog maker write.as wordpress webflow farmer resources: web3schools - tutorials of all kinds code academy (learn html) - free html course if you wanna know anything feel free to ask!

#stefka's web directory #linux sex tips #web (˶˃ ᵕ ˂˶) .ᐟ.ᐟ

32 notes · View notes

mournstera · 5 months ago

Note

Hi flipse! I know you don't teach but what advice would you give to start making themes?

Apparently a hot take, but: Make it responsive.

Learn how to do that, it's so simple. hell my tumblr basecode has eveything in it already for you to use!! (don't need to use it just learn from it at least!)

There's this weird thing with Tumblr that seem to be stuck in 2014 where no themes were responsive. Like, we all have different screen sizes, it's such an insane thing to only make it work for like 20% of people.

Also good place to start: https://www.htmlforpeople.com/

and HTML and CSS course for absolute beginners on youtube

#ask #anonymous #coding ask #i'm angry today lol #sorry

12 notes · View notes

theblogvibe · 1 month ago

Text

Unleash Your Creative Potential: Join the Best Graphic Design Courses in Andheri at Reliance Animation Academy

Reliance Animation Academy in Andheri is where creative journeys begin and careers take flight. In today’s visually-driven world, design is no longer just decoration—it’s the language of brands, the driver of engagement, and the core of digital storytelling. Whether it’s the logo of your favorite startup or the animation in your favorite reel, design is shaping everything.

If you’re passionate about visuals, creativity, and building a meaningful career, this is the right place to start. With hands-on training, real-world assignments, and expert mentorship, the academy’s industry-relevant graphic design courses in Andheri prepare you to succeed in today’s digital-first economy.

Why Graphic Design Courses in Andheri Are a Smart Career Move in 2025

Graphic design has evolved from an optional skill into a business essential. In 2025, brands don’t just want good design—they need it to thrive.

Here’s why more students, freelancers, and professionals are enrolling in graphic design programs:

Digital-first businesses rely on consistent design for social media, websites, and marketing campaigns

Packaging and branding directly influence purchasing decisions

Motion graphics dominate online platforms, from ads to entertainment

Startups, influencers, and creators use visuals to build trust and credibility

Global freelance and remote design opportunities are increasing every day

With the right training, portfolio, and mindset, you can be part of this creative revolution—starting now.

Key Skills You’ll Learn in Graphic Design Courses in Andheri

At Reliance Animation Academy in Andheri, design education goes far beyond software. The programs are structured to make you think like a designer, solve real problems, and communicate visually with impact.

You’ll learn to:

Creative Thinking & Ideation Develop the ability to translate abstract ideas into purposeful designs that solve real-world challenges.

Master Professional Design Tools Work hands-on with:

Adobe Photoshop

Illustrator

InDesign

CorelDRAW

Figma & Adobe XD for UI/UX

After Effects for motion graphics

Understand Visual Design Principles Learn the fundamentals of color theory, typography, layout design, and composition to create aesthetically balanced and functional visuals.

Explore Motion Graphics & Animation Enhance your static visuals with animation and transitions—perfect for digital storytelling, advertising, and social media content.

Develop Communication & Client Skills Present your work confidently, incorporate feedback effectively, and collaborate on real-time design projects.

Design Courses Offered at Reliance Animation Academy in Andheri

The academy provides specialized, job-ready courses that combine creative thinking with technical skills. Whether you’re a beginner or looking to specialize further, there’s a course for you.

Advanced Program in Web Design & UI/UX

Learn to create responsive websites and user-friendly app interfaces

Tools covered: Figma, Adobe XD, HTML/CSS basics

Ideal for those targeting roles in web and digital product design

Advanced Program in Motion Graphics

Dive into motion design, kinetic typography, transitions, and video editing

Build content suitable for advertising, YouTube, OTT platforms, and more

Certificate Program in 3D Interior Visualization Pro

Learn to produce realistic architectural walkthroughs and renders

Master software like 3ds Max, V-Ray, and SketchUp

Perfect for architects, interior designers, and visualizers

Certificate Program in Graphics Pro

Gain end-to-end skills in graphic design, branding, layout, packaging, and digital ads

Suitable for freshers or professionals wanting a structured upskilling path

Certificate Program in Digital Photography Pro

Get in-depth knowledge of DSLR photography, lighting setups, image composition, and editing

Tailored for fashion, event, lifestyle, and product photography careers

All courses are supported with real-world projects and portfolio-building assignments to ensure students graduate job-ready.

Why Choose Reliance Animation Academy in Andheri

The academy isn’t just about teaching design—it’s about nurturing designers. With a focus on experiential learning and professional readiness, here’s what makes it stand out:

Mentors with real-world experience in design, media, and animation

Practical, studio-style classrooms and equipment

Real assignments that simulate agency work

Career support, placement guidance, and one-on-one feedback

A vibrant community of learners, creators, and mentors

Reliance Animation Academy doesn’t just give you a certificate—it prepares you for the real world.

Career Opportunities After Completing Graphic Design Courses in Andheri

Once you complete your training, a wide range of creative careers becomes accessible to you. Depending on your chosen specialization, you can explore roles like:

Graphic Designer – for marketing agencies, branding firms, or corporate creative teams

UI/UX Designer – designing digital products for startups and enterprises

Motion Graphics Artist – animating ads, explainer videos, or YouTube content

3D Visualizer – working on high-end visuals for real estate and architectural firms

Freelance Illustrator or Photographer – offering your services locally or globally

These roles aren’t limited by geography. With a strong portfolio and the right skills, you can work with clients from anywhere in the world.

Who Can Enroll in Graphic Design Courses in Andheri

You don’t need prior experience or an art background to get started. These programs are built for learners at all stages.

Best suited for:

Students (10th or 12th pass) exploring creative careers

College students seeking practical skills and certifications

Working professionals looking to switch to a creative industry

Freelancers or hobbyists aiming to turn passion into income

Entrepreneurs wanting to design their own brand assets

Whether you’re starting fresh or reskilling after years, the academy offers you a guided, practical learning path.

How to Get Started at Reliance Animation Academy in Andheri

Starting your creative journey is simple:

Visit the campus or apply online

Schedule a free counseling session

Choose a course that aligns with your interests

Submit required documents

Begin your classes and start building your professional design portfolio

EMI payment options and scholarships are available for eligible students. The team ensures a smooth and supportive admission process from day one.

Why This Is the Perfect Time to Join Graphic Design Courses in Andheri

Design is no longer an optional skill—it’s the language of marketing, branding, and communication in the digital age. With short attention spans and visual-first content dominating every platform, the demand for skilled designers continues to grow.

By enrolling now, you can:

Start building a high-quality, job-ready portfolio

Train with expert mentors and real industry tools

Learn by doing—through practical assignments and client-style projects

Explore freelance or full-time roles in India and abroad

Get ahead of the competition by gaining real skills, faster

Contact Reliance Animation Academy in Andheri

Website: www.relianceacademyandheri.com Phone: +91 93213 30003 Email: [email protected] Location: 2nd Floor, B-Wing, Crystal Plaza, New Link Road, Opp. Infinity Mall, Andheri West, Mumbai – 400053 Google Maps: Click to Navigate

2 notes · View notes

racilablog · 2 months ago

Text

Empower Your Future with Modern Tech Skills

In today’s fast-evolving tech world, learning the right skills can set you apart. Whether you're dreaming of building websites, diving into artificial intelligence, or exploring the power of data, the journey starts with the right guidance.

A example is Racila Softech, they believe in empowering learners with real-world knowledge taught by industry professionals. Their online courses are crafted for both beginners and professionals looking to upskill.

Courses You Can Explore:

AI & Machine Learning – Understand the future of intelligent systems.

Web Development – Master HTML, CSS, JavaScript, and full-stack with MERN.

Python & Java Programming – Build a solid foundation in coding.

Power BI & Data Science – Learn to analyze and visualize data effectively.

What makes their courses different? Interactive lessons Hands-on coding projects Expert mentorship Career-aligned learning paths

Whether you’re just starting out or aiming to level up, Racila Softech has a course that fits your goals.

#AI #MachineLearning #WebDevelopment #Python #TechCourses

2 notes · View notes

quietmarie · 2 years ago

Text

Anyone can program (yes, even you)

"Programming is easy"

I saw some variations of this statement shared around the site recently, always in good intentions of course, but it got me thinking.

Is that really true?

Well it certainly isn't hard in the way some developers would want to make you believe. A great skill bestowed only upon the greatest of minds, they're the ones making the world work. You better be thankful.

That is just elitist gibberish. If anyone ever tells you that programmers are "special people" in that way, or tries to sell you on the idea of "real" programmers that are somehow better than the rest, you can safely walk in the other direction. They have nothing of value to tell you.

But I think the answer is more complicated than a simple "Yes, programming is easy" too. In all honesty, I don't think it's an easy thing to "just pick up" at all. It can be very unintuitive at first to wrap your head around just how to tell a computer to solve certain problems.

One person in the codeblr Discord server likened it to cooking. That's a skill that can be very hard, but it's also something that everyone can learn. Anyone can cook. And anyone can program.

I really mean that. No need to be good at maths, to know what a bit is or whatever it is people told you you need. You're not too old to learn it either, or too young for that matter. If you want to start programming (and you can read this post), you already have everything you need. You can write your first little programs today!

One of the cool things about programming is that you can just fuck around and try lots of stuff, and it's fine. Realistically, the worst thing that can happen is that it doesn't work the way you imagined. But you'll never accidentally trigger the fire alarm or burn your house down, so feel free to just try a bunch of stuff.

"Okay I want to learn programming now, what do I do?"

That's awesome, I love the enthusiasm! As much as I'd love to just give you a resource and tell you to build a thing, you still have to make a choice what you want to learn first. The options I'd recommend are:

Scratch: A visual education tool. The main advantage is that you don't have to worry about the exact words you need to write down, you can just think about the structure of your program. The way it works is that you drag and drop program elements to be executed when they should be. You can relatively quickly learn to make cute little games in it. The downside is that this isn't really a "professional" programming language, so, while learning from Scratch will give you the basics that apply to most languages and will make switching to another language easier, you're still gonna have to switch sooner or later. Start here: https://scratch.mit.edu/

Python: The classic choice. Python is a very widely used, flexible programming language that is suited for beginners. It is what I would recommend if you want to skip right to or move on from Scratch to a more flexible language. https://automatetheboringstuff.com/ is your starting point, but there's also a longer list of resources here if you want to check that out at some point.

HTML/CSS/JavaScript: The web path. HTML and CSS are for creating the look of websites, and JavaScript is for the interactive elements. For example, if you ever played a game in your browser, that was probably written in JS. Since HTML and CSS are just for defining how the website should look, they're different from traditional programming languages, and you won't be able to write programs in them, that's what JS is for. You have to know HTML before you learn CSS, but otherwise the order in which you learn these is up to you. Your JavaScript resource is https://javascript.info/, and for HTML and CSS you can check out https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web.

I put some starting out resources here, but they're really just that - they're for starting out. You don't have to stick to them. If you find another path that suits you better, or if you want to get sidetracked with another resource or project, go for it! Your path doesn't have to be linear at all, and there's no "correct" way to learn things.

One of the most important things you'll want to do is talk to developers when you struggle. The journey is going to be frustrating at times, so search out beginner-friendly coding communities on Discord or wherever you're comfortable. The codeblr community certainly tends to be beginner-friendly and kind. My DMs and asks are also open on here.

#programming #is that a motherhecking RATATOUILLE reference??!?#codeblr #coding #the only reliable predictor of whether someone can be a good programmer is whether they have or can develop a passion for programming #how did me thinking “well is programming actually easy" turn into a resources post uhm #coding resources #shoutouts to the codeblr discord they're coo #long post #Most good programmers do programming not because they expect to get paid or get adulation by the public; but because it is fun to program #- Linus Torvalds

24 notes · View notes

nanimoshiranaikoneko · 1 year ago

Text

Hello Tumblr

i have been on the platform since 2012 but i have never actually wrote any posts so i finally made a decision to create a new personal account (even tho that account have been created and been empty since 2020 but these last four years were hard for everyone). I graduated from a university in 2021 and got a translator degree but due to various reasons (in the world and in general) it was hard to apply it in job searching. and i've been feeling super lost and depressed all these years. and i decided to give a chance my small coding dream since i had since high school (in my country we need to pass entry exams at school and my computer science teacher prohibited me even trying passing the exam and during that time i was listless and AGAIN a lost teenager who had no idea what to do with their life so i didn't even try fighting and just gave up the idea and chose a path of my other passion: languages /after graduation i picked up japanese so i keep learning new stuff and it helps me a lot to cope ig/) so here i am just turned 26 this month and started learning how to code last month only. i had a slight idea of how html worked plus we had python usage in linguistic at university (for some reason it was super weird lol) i have been practicing for 10 days straight so i thought it's gonna be a good idea to participate in 100 days of coding as almost a complete beginner and track my progress (plus i haven't actually been practicing english that much so it is also a good reason to start that blog) so my progress in the last 10 days looks like that: 1. revised html basics 2. started css journey

i use online video courses on Youtube by freeCodeCamp.org and creating an actual web styling with a tutor does actually help a lot! i enjoy studying but i do understand that i need much more time to practice myself

after i am planning to start JavaScript but we'll see how it will go and i am still not sure which path to choose but ig front-end sympathise me a lot plus i am planning to pass JLPT N3 this year so maybe i will post some updates too but i am not sure yet is it better to participate in summer or winter exam i don't think anyone will be interested in my journey but when i see people posting their progress in any sphere it inspires me a lot

#10/100 days #personal #long post #100 days of code #codeblr #langblr #japanese #html css #beginner #100 days #hello tumblr #koneko codes

17 notes · View notes

ians-sysdev-blog · 5 months ago

Text

Week 1, Day 4 - Dive Into HTML & CSS

Woke up today and immediately started SuperSimpleDev's HTML & CSS Full Course - Beginner to Pro YouTube video. It's such a great and easy-to-follow video, and I regret not starting it sooner. HTML & CSS coding seems fun! At this time of writing, I'm halfway through the video and the YouTube Clone that I'm building along with the video is coming along nicely. I can't wait to finish the course and get into JavaScript next. Soon, we'll be able to build our website.

images courtesy of my good friend Ralph

2 notes · View notes

digilearnteach · 2 years ago

Text

https://ext-6332835.livejournal.com/5840.html

#CSS #phyton #C Language #HTML #C++ Language #Learn CSS #Coding Classes #Java Script #Learn HTML #java language #Programming Language #HTML Language #CSS Language #coding for beginners #online coding courses

0 notes

izicodes · 2 years ago

Note

Hiya!! I am taking a coding course at a University. While it's excellent for learning how to use a lot of complicated concepts in programming, we don't really get to do any projects or create anything yet. I was wondering how to get into that. Are there any resources you might recommend?

Hiya!! 💞

Goodie, you want to build your own projects! That's so good, I love project building! Now, it depends what you're coding (the languages + specific area) e.g. are you learning HTML/CSS/JavaScript (Website building) or is it like Python/Java/C# idk but you get what I'm asking for here, the projects you want to learn and build depends on what you're learning in the first place! But I will give some general advice!

🎥 YouTube

I love YouTube so much, there are thousands of videos on that site for any programming language to building pretty much anything! What I did when I started off was the simple search of "[The coding language] beginner project" and then I get to see what I can build. Now if you get stuck on a snippet of code, Google it and there are sites that will explain it for you. Now, don't fall for tutorial hell where you're watching tutorial after tutorial videos but watching them will give you a good foundation!

🔍 Google

Similar to what I said for the YouTube way, you can Google the same question and it will give you a bunch of project ideas, how to even do them and all you can do also is add more on top, what I mean is don't just watch or read about a project idea, see how you can twist it your own style e.g. recently I watched a React.js tutorial on how to make a to-do app! My twist was I styled it different by adding a frog theme. So the tutorial was my foundation and I just added on top of that to further exercise my skills!

🌐 GitHub

Have a hub for all your projects! After creating your projects, you don't just want it sitting on your computer, you can put it online! I use GitHub - it's a place where you can store all your projects, have a save history so you can go back on old code, even share the static webpages you make (using HTML/CSS/JavaScript) with other people online! The Site | How to use GitHub | Check out my GitHub for reference

📚 Online Courses

Many online platforms offer project-based courses. Websites like Udemy, Coursera, Codecademy and FreeCodeCamp can guide you through creating practical projects step by step. I use Udemy for learning and there are courses that are like "Build 9 web development projects blah blah blah" they're actually really good! BUT you do have to pay for them but if you can't find a good project on YouTube to follow or you can visualise or understand the articles online on how to build one, I suggest getting a course because someone teaches you how to make the project. Udemy is fairly cheap during their sales, going down from £59.99 to £10.99!

🤗 Collaboration

Reach out to classmates to build together, someone is bound to have an idea for something! Collaborative projects not only expand your skill set but also let you learn from others. Great skill to have! You can even collab on GitHub projects - which I am doing right now with people I've met through Tumblr (checkout our project)!

Remember, Rome wasn't built in a day! Start with small projects, gradually challenging yourself with larger ones. The journey of creating is just as exciting as the finished project itself. Happy coding! 😎🙌🏾💻💗

#my asks #codeblr #coding #progblr #programming #studying #studyblr #comp sci #tech #programmer #resources

43 notes · View notes

mountmortar · 1 year ago

Note

do you happen to know any site building tutorials to follow and learn from? been having a hard time finding a place to start with my own neocity but the free reign and customization of them interests me a lot :0c

ABSOLUTELY! I do want to stress one thing if HTML/CSS is something you're not familiar with: It's okay if your website doesn't look like the most creative, eye-popping thing in the world! I've seen sooooooo many people get so discouraged because their beginner websites don't look like the flashier websites you see on Neocities' front page (by people who've been coding for a Long Time, mind you!) and like!!! That's fine!!! The code of my own site was quite possibly the worst thing you've ever seen thrown together into one big CSS soup before I Literally Just Rewrote It Today, After A Year Of Having A Neocities. And so, with that being said:

As anyone on the internet might do, w3schools is the absolute first place I'd recommend to beginners! There are videos, it's mostly a text-based learning site with lots of exercises to test your knowledge. If you'd prefer videos:

My personal favorite guy on Youtube to learn coding things from is Giraffe Academy: Here's his full course on HTML! The video itself is about two hours—I skimmed through it and everything seems to be perfectly oriented towards beginners (I haven't watched it in its entirety, but I have seen his videos on C# and Python [programming languages, don't worry about it] and they did a lot to help explain certain things to me that I didn't know previously!).

BroCode's HTML in 1 hour and CSS in 1 hour are pretty good! His videos do include a little bit on how to implement some JavaScript here and there, but nothing major or terrifying.

Here's a playlist of HTML/CSS tutorials in bite-sized videos, too! Think about 10-25 minutes per video.

I will say that searching for YouTube videos on HTML/CSS will always sort of gear more towards what people in the professional sphere are looking for rather than what you'd see on Neocities.

As for Neocities-specific things (which may be the actual point of your ask! Might've misinterpreted the hell out of it oops):

sadgrl.online is perhaps the most known website on Neocities, largely because the website itself not only has a layout maker you're free to use if you want to make a website now but the thought of writing HTML/CSS from scratch terrifies you, but also HTML/CSS guides themselves! There's also a bunch of links you can use to help fluff up your site a bit, generate HTML code for you, or just fluff up your site in general.

The Melonland Project is also dedicated to providing website development tools and tutorials for beginners: here is its guide to making a website on Neocities! It also provides a link to learnlayout.com, which I'll link here as well—a website for helping you learn CSS layouts!

And, once you've got the hang of how CSS works but are still feeling unable to code it yourself (no ideas? just not feeling up to it? FUCK MAN DO I UNDERSTAND THAT) Eggramen has free CSS pages you can use, and all you have to do is write the HTML for it!

But I would always focus more on learning HTML first before any CSS—and then learning how to integrate CSS into HTML via inline styling (which those video tutorials do!) before worrying about any external stylesheets or whatever. HTML is the actual building block—CSS just makes it look pretty.

#'site-building' tutorials will almost always lead you to like. coding bootcamps and stuff for companies #the nc-specific links should be more help in just building a site on nc!#anyway. hope to god i didn't misinterpret this question HAHA #asks

12 notes · View notes