I'm a complete programming newbie and I want to start learning JavaScript, jQuery, and other programming languages. Where should I

Coming from a design background with zero programming knowledge, I have recently learned XHTML and CSS. Now, I am eager to expand my skills by mastering JavaScript, jQuery, and more. Where should I begin?

This will be my first foray into programming. While I can use and edit existing jQuery/JavaScript scripts, I struggle to create my own or make substantial edits to pre-existing ones.

Are there any posts on Stack Overflow, tutorial links, or recommended books that cater to my specific needs?

Edit 1:

I believe this book would be ideal for me, "DOM Scripting: Web Design with JavaScript and the Document Object Model".

https://i.sstatic.net/yeCe4.jpg
(source: friendsofed.com)

Edit 2:

Will my background in design and knowledge of XHTML/CSS facilitate a quicker understanding of JavaScript?

Also, is it true that focusing solely on learning jQuery may limit my ability to work with other JavaScript frameworks like MooTools, Prototype, etc.? Would learning core JavaScript provide me with a broader skill set for working with various JavaScript frameworks and functionalities?

javascriptjquerycssxhtml

Answer №1

The book you have selected is of high quality. If you are new to web design and looking to learn Javascript, starting with jQuery can be a great first step, especially if you are already comfortable with CSS.

Here are some additional resources:

  • jQuery for Designers
  • Programming, the real basics by Chris Heilmann
  • All other Javascript articles in the Opera Web Standards Curriculum

Answer №2

Back in January of this year, I found myself in a similar situation as you. The book mentioned in your post was the same one I turned to for guidance. I highly recommend it. Additionally, "learning jQuery" and "jQuery in action" were both valuable resources for me.

In my view, jQuery can be thought of as a more concise (and user-friendly for a designer accustomed to visual work) version of Javascript. The DOM Scripting book covers techniques that require multiple lines of code, which can be accomplished in just a few lines of jQuery.

Coming from a design background, I primarily utilize jQuery to enhance the user experience with small touches, while leaving more advanced programming tasks to developers. However, I aspire to become proficient enough to assist them in the future.

Below are some websites that I found helpful - best of luck!

http://css-tricks.com/ (excellent beginner tutorials for designers)
http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/
http://blog.themeforest.net/category/tutorials/
http://net.tutsplus.com/category/tutorials/

Answer №3

Begin your journey by mastering essential JavaScript concepts. Progress to exploring the JavaScript DOM API, and once you have a strong foundation, delve into popular JavaScript libraries such as jQuery.

Answer №4

If you are seeking to deepen your knowledge of JavaScript, it's important to differentiate between learning the language itself and simply mastering a specific library. Understanding JavaScript is key to fully grasping the functionality of any library.

For those looking to dive into raw JavaScript fundamentals, I recommend checking out: JavaScript From Null

Answer №5

If you're interested in learning JavaScript, I recommend checking out the resources provided on the W3Schools tutorial. When it comes to JQuery, the tutorials available on the official JQuery website are a great starting point.

Answer №6

There are countless ways to approach this problem.

  • Consider picking up a quality book on the subject
  • Refer to the jQuery documentation for guidance
  • Experiment with coding it yourself

If jQuery is your main focus, you can get by without mastering the entire language. Stick to the basics and avoid diving into advanced topics. jQuery allows you to write concise code with simple logic most of the time.

Answer №7

jQuery is a user-friendly JavaScript library that can be easily learned, but it's important to have a good understanding of JavaScript basics first. Without this knowledge, you may struggle with more complex tasks and concepts.

The jQuery website provides comprehensive documentation to help users learn and navigate the library.

If you're looking to improve your JavaScript skills, I recommend checking out this resource:

http://www.w3schools.com/js/default.asp

This site offers quizzes to test your knowledge and get you started on the right path.

When working with different browsers, it's essential to conduct thorough testing to ensure compatibility. While jQuery is known for its stability and cross-browser support, it's always beneficial to understand any discrepancies firsthand.

Answer №8

Personally, I believe that w3schools offers a top-notch platform for mastering JavaScript skills.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring the ins and outs of flexbox and utilizing overflow:auto

In my current situation, I have successfully resolved all cases but am now seeking assistance in debugging my mental model. Specifically, I am focusing solely on Chrome for the sake of simplicity. Within my nested "holy grail-ish" flexbox layouts, I have ...

cssflexbox

What is the best way to verify that the unobtrusive validations have been successfully validated within a jQuery function?

Currently, I have a form containing four fields with unobtrusive validations applied to three of them. My goal is to call a jQuery function only after all the unobtrusive validations have been successfully completed. However, I have defined an onsubmit eve ...

jqueryasp.net-mvc-3unobtrusive-validationonsubmit

Is it feasible to define the height or maxHeight in jQuery qTip 1.0?

Currently working with qTip 1.0 and facing an issue regarding setting the maxHeight property. Is there a workaround to achieve this? Ideally, I want the tooltip to remain open (requiring users to click on close to dismiss) and allow scrolling within the to ...

jqueryqtip

Create an HTML container surrounding the content within the parent tags

I'm looking to create a wrapper that acts as the immediate parent of any HTML markup added within a shared class. This will eliminate the need to manually add multiple wrapper divs and allow for the customization of layouts and backgrounds. Essential ...

javascript

Error in Firebase admin SDK FCM: Only one of the parameters topic, token, or condition is mandatory

I encountered an error message while trying to send FCM notifications with multiple tokens. This was working fine before, but now I'm getting the following error: 0|api | 2020-2-11 13:26:26 [ExceptionsHandler] Exactly one of topic, token or co ...

javascriptnode.jsfirebasefirebase-cloud-messagingfirebase-admin

I am struggling to capture the user's input and display it on a webpage using HTML and JavaScript. Can you help me identify where I may be going wrong in this process?

Good day! I am fairly new to the programming world and have recently embarked on my first JavaScript project. I've chosen to create a simple budgeting app. However, I'm struggling with displaying user input on the page. Something seems off with ...

javascripthtmlforms

Having trouble with Next.js getStaticProps? Getting a TypeError that says "Cannot read properties of undefined (reading 'map')"?

My latest project was built using create-next-app as a base. In the Blog.js page, I attempted to fetch data from https://jsonplaceholder.typicode.com/posts by utilizing the getStaticProps() function. I followed the instructions provided in this guide: htt ...

javascriptreactjsnext.js

Encountering issue while static generating project: Cannot find resolution for 'fs' module

I am encountering an issue in my Next.js app when trying to serve a static file. Each time I attempt to use import fs from 'fs';, an error is thrown. It seems strange that I have to yarn add fs in order to use it, as I thought it was not necessa ...

javascriptnode.jsnext.js

What is the best way to extract the date January 1, 1970 from a datepicker?

Currently, I am utilizing a datepicker along with a function that converts dates from dd-mm-yyyy to yyyy-mm-dd format. The dates in the database are stored in yyyy-mm-dd format, so I need to first convert them to dd-mm-yyyy for better readability. When sub ...

javascriptjqueryhtmldatepicker

Encountered an issue while executing the next build process

Every time I run npm next build, it throws an error message. Despite my efforts to search for a solution online and installing the "extract-text-webpack-plugin," the issue persists. The error being thrown is as follows: > next build (node:8136) Depre ...

javascriptreactjsnpmnode-modulesnext.js

Comprehending the concept of managing failed return statements using JSONP in jQuery's Ajax functionality

I'm having trouble understanding jQuery's behavior with JSONP. Consider this code snippet which shows an alert: $.ajax({ url: "http://myUrl", cache:false, contentType: "application/json", dataType:'jsonp' }).fail(f ...

jqueryajaxjsonp

Using JavaScript to call an API in PHP and determine how to handle a response that is not equal to 200 by printing an

Greetings! I am aiming for a scenario where, upon clicking the link, the user's parameter is transferred to JavaScript. This parameter will then be used in ajax to trigger a call to my PHP file containing the API. The API, after processing the parame ...

javascriptphpjsonapi

Calculating the time difference in days, hours, minutes, and seconds between two UNIX timestamps

I have a special occasion coming up, and the date and time for this event are stored in a Unix timestamp format. Instead of relying on a plugin like modern.js, I am trying to figure out the time difference between today's date and the event date usin ...

javascripthtmljqueryunix-timestamp

Removing the navigation button from the hamburger menu

I am working on creating a semi-progressive top navigation bar. For the mobile viewport, the navigation bar will only display the logo and a hamburger button. When the button is clicked, various navigation menu options as well as the Log In and Sign Up bu ...

javascripthtmlcss

What is the best way to send data from a React.js application to AWS Lambda?

I'm having trouble sending data from my React application to an AWS Lambda function through API Gateway. Here is the code snippet from my React app: const exampleObj = { firstName: 'Test', lastName: 'Person' }; fetch(process.env.R ...

javascriptpythonreactjsamazon-web-servicesaws-lambda

Title: "Customizing Labels on Stack Bars and Lines in D3.js Visualization"

Currently working on a stacked bar chart with a line chart on dual axis using D3.js and facing difficulty aligning labels correctly. Check out the code I have experimented with so far: https://plnkr.co/edit/doobXBC5hgzvGwDLvArF?p=preview I am looking to ...

javascripthtmlcssd3.js

Stylesheets do not have the capability to support template tags

Imagine you have created a stylesheet in Django within the static files and everything is working smoothly. However, when trying to use the following line, an error occurs: .PostProfilePic { width: 50px; height: 50px; border-radius: 50%; background ...

pythonhtmlcssdjangodjango-templates

The excess triggering of ajax events is occurring due to the else clause

My website contains an ajax function that calls a cgi script. Occasionally, this script returns a 500 error. I want to modify the AJAX call so that it retries the request when this error occurs. Here is how I have attempted to do so: function shelverx() { ...

javascriptjqueryajaxerror-handlingcgi

Methods for Expanding a Div within an Oversized Row, Despite Height Constraints

I have a situation where I need to adjust the height of a cell in a table. One of the cells contains a larger element that causes the row to expand vertically. I also have another cell with a div element set to 100% of the cell's height. However, I wa ...

htmlcss

Resolving the Persistence Problem of Navigation Bar Fading In and Out

I've been struggling for hours trying different methods to achieve the desired outcome, but unfortunately, none of them have worked as expected. My goal is simple: I want the fixedbar to fade in when the scroll position exceeds the position of the ph ...

javascriptjqueryhtmlcss