#html css complete course
Explore tagged Tumblr posts
decodelearning · 1 year ago
Text
4 Facilities You Can Get From Full-Stack Web Development Institutions
Tumblr media
The age we are living in is dominated by extensive use of technology. Here, the web technology plays a strong role in establishing it as a prominent career opportunity. Regarding the availability of the best website development courses, you must consider joining hands with the best institution that offers the best full-stack web development course in Batala, Amritsar, Gurdaspur, Ajnala, and Tarn Taran. At present, quite a few institutions are available at your location, and that is why finding the best one can be slightly challenging.
Before you pick up and join the best provider of web development course in Amritsar, you must try to find out what facilities you can get from the top institutions:
Know the Curriculum and Course Content:
The heart of any learning experience is the content it offers. Ensure that the course you choose covers a comprehensive curriculum that includes both front-end and back-end technologies. Look for topics like HTML, CSS, JavaScript, databases, server-side scripting languages (e.g., Node.js, Python), and frameworks (e.g., React, Angular, Express). A well-rounded curriculum will prepare you to tackle real-world web development challenges.
Knowledge and Quality of The Faculty Members:
Your instructors play a pivotal role in your learning journey. Research their qualifications and experience in the field. Are they seasoned web developers with industry knowledge? Do they have a track record of successful teaching? Reading reviews and testimonials from previous students can provide insights into the quality of instruction.
Decent Practical Classes for Hands-on Experience:
Experts at the best institutions for full-stack web development courses in Batala believe theory classes are essential, but practical application is unparalleled! You must check if the institution provides you with enough theory and practical classes to get the right knowledge and hands-on expertise!
100% Support:
The complications in web development course in Amritsar, Batala, Ajnala, Gurdaspur, and Tarn Taran can make every student get the proper facilities from the institutions. The best institution for full-stack web development courses in Batala provides complete support to every student. It is an indispensable part of the services a student can expect from the institution.
The Bottom Line:
Selecting the best full-stack web development course in Batala requires careful consideration of course content, instructor expertise, hands-on experiences, and support options. Take your time to research and make an informed decision that aligns with your career goals. Remember, investing in your education is an investment in your future as a web developer.
Full Audio Version : Click Here
youtube
0 notes
fingertipsmp3 · 1 year ago
Text
Just sent the email withdrawing from my course and now I’m nervous lol
#first of all idk if i sent it to the right person. i sent it to like… the guidance officer? who is also head of safeguarding#i know she does onboarding meetings with people and she did a review with me partway through the course so see how i was doing#so she seemed like the correct person to send it to. but idk#i also sent it to the learners@institution email address because… i mean i assume they handle stuff like this#i didn’t want to tell either of my lecturers right away. i mean they’re going to find out but i want them to find out secondhand#i just know they’d think it was their fault and it literally isn’t#so i want to hash this out with somebody else first and then for that person to pass on the message ‘okay ellen is withdrawing for personal#reasons. she actually said the lecturers & lesson materials are not at fault’#i’m just nervous because i feel like they’re going to try to convince me to continue on with the course. i mean it’s two weeks before#the end. but like. i’m not going to#i’m completely happy to lay absolutely all my cards on the table at this point and admit that i had no idea what i was signing up to when i#signed up to it; i was completely new to coding; i lied about knowing html/css previously; i have felt out of my depth and wanted to quit#since the second week of class. i have been doing the absolute bare minimum to keep my head above water and get my assignments done#i don’t understand really any of what we’re doing; i don’t enjoy it; i don’t want to work in tech#i would probably have continued doing the bare minimum for two weeks but my dog just died and my grandma is really sick#and seasonal depression is setting in and basically it’s taking all i have to do the bare fucking minimum#i would rather use what little energy and motivation i have to do something i actually Like and that i know has a point to it#like i have a job interview tomorrow in education. i know i’ll probably get an offer. if i don’t; it is practice for the other#2 job interviews i have coming up. which are also in education & with the same job title#if i have to choose between interview prep for a job i want or doing homework for a course i really dislike….. i mean#it seems like a nobrainer imo.#okay i got an email from a different email address to any of the ones i emailed (lol) but it is from that organisation#it’s just a generic ‘we’re sorry you’re leaving’ and they want me to do a survey. great!#also received a reply from the guidance counsellor person saying she’s sorry but she understands#okay i’m really relieved that i don’t have to argue with anyone lol. and so so relieved that i don’t have to continue doing this course#i’m going to continue learning coding because i do find some of it interesting. but it will be on MY terms and at my own pace#i don’t ever have to touch javascript again if i don’t want to. feels fantastic#now if you need me i’m going to lie on my old dog’s favourite couch and read a book#personal
0 notes
1lastdate · 1 year 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…
Tumblr media
View On WordPress
0 notes
dreamdolldeveloper · 10 months ago
Text
back to basics
Tumblr media Tumblr media
mostly free resources to help you learn the basics that i've gathered for myself so far that i think are cool
everyday
gcfglobal - about the internet, online safety and for kids, life skills like applying for jobs, career planning, resume writing, online learning, today's skills like 3d printing, photoshop, smartphone basics, microsoft office apps, and mac friendly. they have core skills like reading, math, science, language learning - some topics are sparse so hopefully they keep adding things on. great site to start off on learning.
handsonbanking - learn about finances. after highschool, credit, banking, investing, money management, debt, goal setting, loans, cars, small businesses, military, insurance, retirement, etc.
bbc - learning for all ages. primary to adult. arts, history, science, math, reading, english, french, all the way to functional and vocational skills for adults as well, great site!
education.ket - workplace essential skills
general education
mathsgenie - GCSE revision, grade 1-9, math stages 1-14, provides more resources! completely free.
khan academy - pre-k to college, life skills, test prep (sats, mcat, etc), get ready courses, AP, partner courses like NASA, etc. so much more!
aleks - k-12 + higher ed learning program. adapts to each student.
biology4kids - learn biology
cosmos4kids - learn astronomy basics
chem4kids - learn chemistry
physics4kids - learn physics
numbernut - math basics (arithmetic, fractions and decimals, roots and exponents, prealgebra)
education.ket - primary to adult. includes highschool equivalent test prep, the core skills. they have a free resource library and they sell workbooks. they have one on work-life essentials (high demand career sectors + soft skills)
youtube channels
the organic chemistry tutor
khanacademy
crashcourse
tabletclassmath
2minmaths
kevinmathscience
professor leonard
greenemath
mathantics
3blue1brown
literacy
readworks - reading comprehension, build background knowledge, grow your vocabulary, strengthen strategic reading
chompchomp - grammar knowledge
tutors
not the "free resource" part of this post but sometimes we forget we can be tutored especially as an adult. just because we don't have formal education does not mean we can't get 1:1 teaching! please do you research and don't be afraid to try out different tutors. and remember you're not dumb just because someone's teaching style doesn't match up with your learning style.
cambridge coaching - medical school, mba and business, law school, graduate, college academics, high school and college process, middle school and high school admissions
preply - language tutoring. affordable!
revolutionprep - math, science, english, history, computer science (ap, html/css, java, python c++), foreign languages (german, korean, french, italian, spanish, japanese, chinese, esl)
varsity tutors - k-5 subjects, ap, test prep, languages, math, science & engineering, coding, homeschool, college essays, essay editing, etc
chegg - biology, business, engineering/computer science, math, homework help, textbook support, rent and buying books
learn to be - k-12 subjects
for languages
lingq - app. created by steve kaufmann, a polygot (fluent in 20+ languages) an amazing language learning platform that compiles content in 20+ languages like podcasts, graded readers, story times, vlogs, radio, books, the feature to put in your own books! immersion, comprehensible input.
flexiclasses - option to study abroad, resources to learn, mandarin, cantonese, japanese, vietnamese, korean, italian, russian, taiwanese hokkien, shanghainese.
fluentin3months - bootcamp, consultation available, languages: spanish, french, korean, german, chinese, japanese, russian, italian.
fluenz - spanish immersion both online and in person - intensive.
pimsleur - not tutoring** online learning using apps and their method. up to 50 languages, free trial available.
incase time has passed since i last posted this, check on the original post (not the reblogs) to see if i updated link or added new resources. i think i want to add laguage resources at some point too but until then, happy learning!!
583 notes · View notes
ayeforscotland · 5 months ago
Text
Ad | Some Humble Bundle Goodies
One for the audio engineers - The Audio Arcade bundle gives you a whole bunch of royalty-free music and SFX as well as plugins to insert in all the major game engines. Ambient tracks, environmental sounds, explosions, you name it.
Money raised goes towards Children's Miracle Network Hospitals.
For those who dabble in Virtual Reality, the Upload VR Showcase with Devolver Digital has a bunch of Serious Sam VR games as well as the Talos Principle, a really solid puzzle game.
Money raised goes to Special Effect which helps people with disabilities enjoy games via accessible controllers. I've seen the stuff they do and it's honestly great.
Want to get into programming but don't know where to start? The Learn to Program bundle has a tonne of resources covering everything from HTML and CSS through to Python, C# and Ruby.
Money raised goes towards Code.org which seeks to expand participation in computing science by helping women and students of colour.
The Future Tech Innovators Toolkit is a software bundle with courses on Robotics, Electronics and programming with Raspberry Pi and Arduino.
Money raised goes towards Alzheimers Research UK.
The Home How-To Guides bundle offers a complete set of books for home improvements and projects. Want to know more about plumbing, home repair, bathrooms, wiring or carpentry? This bundle has you covered.
Money raised goes to It Gets Better, a charity that supports LGBT Youth.
Want to pick up the latest Elden Ring DLC? It's also available on the Humble Store with the key being redeemable on Steam.
105 notes · View notes
codingquill · 1 year 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 &lt;;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.
383 notes · View notes
digitaldiariescs · 2 months ago
Text
Day 3: Beginning my first ever personal project
I'm honestly getting a little sick of beginning every post with, 'I continued working through the RWD course on freeCodeCamp', because that's pretty much all I do, every single day. And that's what I did today.
However, I started working on a personal project using HTML/CSS! Something that I realised today, as I started planning this project, is that I genuinely have no idea how to apply the knowledge that I've learned through the course. I know how to follow instructions and prompts, but I have no idea how to actually build a responsive web page. But, I think that's going to change as I start working on this project.
I'm trying to be as creative as possible with this project. I'm really going to challenge myself, and I hope this turns out the way I want it to. The main goal is to not take the easy way out with this project. The only way I'll learn is by facing difficulties.
Recently, I've noticed that I've been really struggling with creativity. I used to be an original thinker, but now, it seems as though I have lost the ability to think outside the box. And that is completely unacceptable in my world. Hopefully, this project will spark my creativity, while developing my coding skills.
With that, I shall take your leave and continue scribbling down all my ideas for this project onto my commonplace journal. Yes, my ideas have a real-world, physical home. I encourage you to keep one as well. It's a great way to build a relationship with yourself- bridge the gap between who you are and who you want to be, your thoughts and your feelings.
Tumblr media
32 notes · View notes
juney-blues · 2 years ago
Text
ever since i made THIS POST a lot of people have been asking for a tutorial, even though in pretty much all of the screenshots i included the specific part of inspect element showing exactly what i edited.
so buckle the fuck up I guess because the tumblr userbase want to find out how to make html pages unusable and who am I to deny you.
get ready for Baby's First HTML and CSS tutorial lmao
ok so first things first we need to go over BASIC HTML
Tumblr media
html is made up of these things called "tags" which specify certain parts of the web page, such as
HEADERS (<h1> through <h6> in terms of importance)
PARAGRAPHS (<p>paragraph here</p>)
LINKS (<a href="linkhere"></a>)
BOLDED SECTIONS OF TEXT(<b>bold here</b>)
and a bunch of other stuff,
by default however, specifying all of this just gives us a plain white page with plain black text of varying sizes
Tumblr media
that's of course, no fucking good, and sucks shit, so the arbiters of html decided to let us STYLE certain elements, by adding a STYLE parameter to the tag
Tumblr media
this can change any number of elements about how things are formatted.
text colour, page colour, font, size, spacing between elements, text alignment, you name it? you can change it!
Tumblr media Tumblr media
you might've noticed that, certain elements are nested in other elements
Tumblr media
and that any changes that apply to one element, apply to everything included under that element!
Tumblr media Tumblr media
how convenient!
anyway this method of styling things by adding a style=" " to their tags is called "in-line style"
i think because the "style" goes "in" the "line"
it's generally ALSO a pain in the ass to style an entire website like this and should be exclusively reserved for small changes that you only want to apply to specific parts of the page.
for any real change in style you want to create a <style> section in your page's header!
Tumblr media
this can be used to make changes to how all elements of a type in your page are displayed
Tumblr media
or even add new elements with whatever wacky styling you want that can be used with the <div> tag!
Tumblr media Tumblr media
wow! isn't css just dandy!
and hell you can even use External CSS™ if you're making multiple pages and want them all to have a consistent theme, by pointing to a .CSS file (which is basically just a <style> header without the <style> tags lmao
Tumblr media Tumblr media
ok this is all well and good and very interesting if, say, you're making your own website
*cough*neocities*cough*itsreallycoolandfree*cough*
but you came here because you want to FUCK UP A WEBSITE and make it look STUPID!!
so this is where the transform css property comes in~
you can read up on it HERE if you want the details but basically it allows you to apply mathematical transformations to any html element you want,
Tumblr media
all of these fun bastards,
they can be really useful if you're doing some complicated stupid bullshit like me
Tumblr media
OR for having fun >:)
if you'll remember, earlier i said that css properties apply to literally everything nested in an element,
and you MIGHT notice, that literally everything in pretty much all html files, is nested in an <html> tag
Tumblr media
you can use style=" " or regular css on pretty much ANY html tag,
Tumblr media
Tumblr media
INCLUDING HTML!
Tumblr media Tumblr media
ok ok that was a lot of buildup for something that i could've explained in one or two lines, but i gave you all this fundamental knowledge for a reason,
well, two reasons, go make a neocities
CHAPTER 2: THIS POST HAS CHAPTERS NOW
CSS KEY FRAMES BABYYYY
THESE FUCKERS DON'T WORK AS INLINE STYLING
I HAD TO TEACH YOU HOW CSS WORKED, TO GIVE YOU THE KNOWLEDGE YOU NEED, TO ANIMATE PAGES. TO MAKE THE FUCKERY COMPLETE!!!!
OKAY SO AGAIN READ UP ON THIS IF YOU WANT THE FULLEST POSSIBLE UNDERSTANDING
BUT WHAT KEYFRAMES ALLOW YOU TO DO, IS ANIMATE CSS PROPERTIES
Tumblr media
and then make a class, which calls that animation...
Tumblr media
and then assign that class. to your html tag.
Tumblr media
and then vomit forever
Tumblr media
we can do it in 3d too,
Tumblr media Tumblr media
the only limit is your imagination... (and how many parameters you want to look up on w3schools and mozilla mdn web docs)
CHAPTER 3: APPLYING IN PRACTICE
ok now the fun thing about all of this, is you can apply it to your blog theme, literally right now
like literally RIGHT now
like step one, make sure you have a custom blog theme enabled in your settings, because that's turned off by default for some reason
Tumblr media
step 2: edit theme
Tumblr media
step 3: edit html:
Tumblr media
step 4: apply knowledge in practice >:)
431 notes · View notes
izicodes · 1 year ago
Note
Hii ! I’m in a bit of a problem rn and I’m wondering if you could help ( sorry for bothering you )
So school just finished and I’m on vacation for like 3 months so I really want to learn how to code ( I mainly want to make cool websites and stuff ). So I started to learn html and css but it just seems so overwhelming especially seeing all the ressources and tutorials online, could you please help me know what to learn first ? 💖
Tumblr media
Hiya! 💗
Yeah, I can help! It can be overwhelming at first, but it's best to break it down into chunks and tackle them bit by bit.
For now, as a complete beginner, use these 3 resources:
HTML and CSS course video - LINK
W3School (for extra help) - HTML LINK | CSS LINK
MDN (for even extra help) - HTML LINK | CSS LINK
After that, work on projects to test your knowledge:
List of 11 projects to tackle - LINK
Here is the list of things you want to cover in HTML:
Basic structure
Tags and elements
Attributes
Forms
Semantic markup
Tables
The same but for CSS:
Selectors
Box model (margin, padding, border)
Typography (fonts, text properties)
Colours and backgrounds
Layout and positioning (floats, flexbox, grid)
Responsive design (media queries)
Transitions and animations
Now that you have a list of what you need to cover, tackle them one by one, making sure you understand the topic before you head over to the next. The video tutorial covers all of this and more. If you don't understand a bit in the video, stop and look on W3School and MDN for further understanding and then continue on with the video. Also, tackle the video slowing. Don't rush, don't do it, it'll just make the learning process even longer if you getting not understand things.
The resources I listed are my complete go-to. After that, as you've noticed, there are hundreds more. Go through the ones you need for the specific project you're working on or the topic you're studying only.
Hope this helps and good luck! 💻💗
100 notes · View notes
skull-shore · 1 year ago
Text
Tumblr media Tumblr media
after a week of studying i've completed my first course about HTML!! so far i've learnt the basic facts and syntax about html, like <!DOCTYPE html>, <html> and <body> on top of any html document you build:)
Forms were the most interesting part to me of that course, it makes the website way more interactive and it's so much fun to play around with it.
My next step is to learn more about CSS and designing the website to my liking. I'm excited!
113 notes · View notes
stergeon · 5 months ago
Note
Hello there! I happened to find your website and I was wondering if you wouldn't mind sharing how you made it? It looks really neat and I wanted to learn how it was coded and hosted.
hi, thank you so much!! i've been making websites uh. pretty much since i learned how to use the internet, whether for fun or employment or both. i make my "for fun" websites from scratch with HTML, CSS, and JavaScript without any libraries or frameworks. unfortunately, i can't give a great recommendation for web hosting on the cheap if you're just starting out as i've hosted my stuff with the same company since my freelancing days and could definitely get a way better deal elsewhere lmao. the cost of being lazy...
i really, really like talking about web design/making websites/etc. so i don't want to give you an information overload, but if you're interested in learning how to make websites, there are a lot of excellent (and free!) tutorials and reference guides out there to get you started! here are a few:
MDN Web Docs - THE resource for anyone doing web design and development, from complete beginners to advanced devs. their documentation is thorough to the point where it can be intimidating for beginners due to how technical it is, but it's very, very good and their tutorials are fantastic.
W3Schools - similar to MDN, but i find it's much less jargon-heavy and beginner-friendly. it also contains great resources, examples, reference guides, as well as extensive tutorials.
Codecademy - there are a lot of free web and programming courses out there, but i really like the ones codecademy offers. in my experience, the projects are fun, the courses are well-structured, and the community is very helpful. they regularly have great sales for the pro version, too.
if you want to make your own website site from scratch without having to navigate the more complex aspects of hosting, domains, etc., check out Neocities! it's got loads of resources, a great community, and it's free!! it's also near and dear to my heart as a lover of "old web" design sensibilities.
by far the easiest way to start is to download a text editor (i'm partial to Sublime Text, but everyone has their favorite), paste in an HTML boilerplate like this one, save it to your device as a .HTML file and then open it in your web browser. it will only be accessible on your local device and not over the internet, but you can play around and build things out without it being public and it’s an easy way to get a feeling for how things work.
my final recommendation is not so much about the specifics of making a website, but how to think about making a website. when i was a young stergeon at my first big web design job, my mentor gave me the book Don't Make Me Think! by steve krug and it was Huge for me. some of the technology-specific material is outdated nowadays as it was last updated in 2014, but the book is still a fantastic introduction to design thinking, visual language, and user experience principles.
hope this helps!!!! happy to chat more if you have questions <3
7 notes · View notes
decodelearning · 1 year ago
Text
Kickstart Your Career with Decode Learning's Full Stack Web Development Course
Tumblr media
If you're looking to launch a career in web development, look no further than Decode Learning's Full Stack Web Development Course. Know more…. https://bit.ly/47Rcstc
0 notes
wildbearadactyl · 1 year ago
Text
So in light of Tumblr's "Core Product Strategy"
(Yes, this is a copy and paste from a post I made with a reblog, but it's under a cut and I want this to be seen by as many people as possible.) None of the Tumblr experience is confusing, and claiming it's confusing is disingenuous. There is a clear and obvious search function, everyone knows how a tag works in the modern era, and no one wants to see anything out of chronological order. Just because your programmers can't code a working search function doesn't mean it's confusing, it means your team is incompetent. The strength of Tumblr is the ability to curate your experience, there is a reason the community has given extreme backlash any time this has been compromised even to the slightest degree. Remove this, and Tumblr is no longer unique and loses its draw. People like Tumblr because there is not a content algorithm shoving things down their throats at all times. For anyone looking to abandon ship in light of this shitty, online homogenization shit: Reminder that Pillowfort still very much exists, and despite the rocky beginning (People forget that no site just starts out in its final state); is maturing as a platform. Pillowfort also allows adult/SW content, and allows easy filtering of it. Getting an invitation link isn't hard, either, they're spread pretty liberally by the user base on their Twitter. Of course, there is also Neocities, my preference, given it allows an authentic old-web experience complete with web rings if you desire. Anyone who's coded a layout will feel right at home there, and of course it creates the opportunity to learn how to code in HTML/CSS if one desires, though there is plenty of premade stuff if you don't want to go that route. Here is my site for example. The whole point of Neocities is to make your own little space on the web, and it has functionality that allows you to follow other sites as well, or in short a feed you can curate yourself.
If a site makes shitty decisions, don't stay out of comfort or familiarity, move on to prove you won't stand for it. Sites wind up being de facto and running the web when people complain but don't actually make a stand and leave.
42 notes · View notes
nanimoshiranaikoneko · 9 months 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
Tumblr media Tumblr media
16 notes · View notes
mimzshroom · 3 months ago
Text
yo. so i got accepted into a course for full stack web development! orientation and classes start on the 17th this month! im excited, but also super nervous. I've made basic webpages before using HTML and CSS, and i've begun some bits of javascript, but those are just the basics of what the program goes over! I'll be getting into completely new territory soon.
4 notes · View notes
ayeforscotland · 3 months ago
Text
Ad | Absolute banger of a Web Design & UX bundle here. Honestly amazed at what's on offer here. HTML, CSS, Figma prototyping - Loads of solid basics to give you a solid foundation.
101 notes · View notes