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".


(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

Preserve the wpColorPicker selection using personalized knockout bindings

Utilizing wpColorPicker and knockout, my goal is to update the color picker value in my observable and then store it in the database as JSON. While other elements successfully update and save, there seems to be an issue with my custom binding for the data ...

javascriptphpjquerywordpressknockout.js

When testing on jsfiddle, the script functions properly with pure JavaScript. However, when integrating it into my own code, it fails to work unless jQuery is included

Visit this link to access the code snippet. Below is my code: const chk = document.getElementById('chk'); const body = document.body; $(function(){ chk.addEventListener('change', () => { $('.body').toggleClass( ...

javascriptjquery

The functionality of sending form data via Express.js router is restricted

In my current project, I am developing a basic CRUD functionality in express. My goal is to utilize the express.Router() to transmit form data via the HTTP POST method. The form structure on the browser appears as follows: form.png The process was flawle ...

javascriptnode.jsexpress

Embrace positive practices when working with nodejs

What is the best way to enhance the readability of my code by replacing the extensive use of if and else if statements when detecting different file extensions? Currently, I have over 30 else ifs in my actual code which makes it look cluttered. // Retrie ...

javascriptnode.jsasynchronouschatbot

designing a presentation with customizable durations for each slide

I am trying to implement a slideshow using the slides.js jquery plugin and I have a specific requirement for the duration of each slide. My goal is to have the first slide, which contains an embedded video, display for 7 seconds, while the subsequent slid ...

javascriptjqueryjquery-plugins

What makes using setInterval with a self-invoking function a smarter choice?

I recently came across an explanation on how to properly use the setInterval() function. Essentially, it was mentioned that (function(){ // perform some actions setTimeout(arguments.callee, 60000); })(); ensures that the subsequent call from setTim ...

javascript

A guide on efficiently incorporating a php variable into json format, then transferring it to ajax

My Sample Code var ajaxResponse = xmlhttp.responseText; //ajax response from my php file jsonData = JSON.parse(ajaxResponse); alert(jsonData.result); And in my PHP Script $resultValue = 'Hello'; echo '{ "result":"' . $result ...

phpjavascriptajaxjson

What is the best way to store a downloaded video from the server?

I am currently in the process of downloading a video from a server using JavaScript XHR (specifically Angular $http GET with response type 'blob'). My question is, how can I save this downloaded video to a Chrome application's local storage ...

javascriptangularjsgoogle-chromegoogle-chrome-apphtml5-filesystem

Check to see if the menu item exceeds the allotted space, and if so, display the mobile menu

Currently, I am in the process of creating a unique responsive menu for my website that I think will need some JavaScript implementation. My skills with JavaScript are not very strong, so I am looking for guidance, code examples, or resources that can assi ...

javascriptjqueryhtmlcss

what is the best way to center list items in material ui?

I have been attempting to align the list items (checkbox, text, and buttons) within a Material UI list in the center, but all my attempts have been unsuccessful. Is there anyone who knows how to resolve this issue? Your help would be greatly appreciated! h ...

javascriptreactjsmaterial-ui

Utilizing Jquery to showcase an image adjacent to the selected line

I am working on implementing a bookmarking feature for my website. The idea is that when a user clicks on "set bookmark" and then clicks on a specific line of text, a bookmark image will appear to the left of that line. (I will handle saving the coordinate ...

jquerycoordinatesmouseclick-event

Step-by-step guide on integrating a specific location into Google Maps using React.js

I'm in the process of revamping my website using Reactjs. I want to incorporate a specific Google location with reviews on the map, similar to how it appears on this example (My current website is built on Wordpress). As of now, all I've been ab ...

javascriptreactjsgoogle-mapsgoogle-maps-markers

Looking for a Regex pattern for this example: 12345678/90 MM/DD/YYYY

I am having success with the first 10 digits spaced apart, but unfortunately my date regex is not working as expected. ^(\d{6}\s{2}|\d{8})\/(\d{1}\s|\d{2})\s\/(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))&bso ...

javascriptregexreactjsinput-mask

Tips on incorporating Prisma model into prisma-offset-pagination

I am currently implementing pagination using the prisma-offset-pagination package. To do this, I need to utilize Prisma Model in my code, but I'm unsure of the correct approach: Refer to line: 02 const result = prismaOffsetPagination({ model: user ...

javascriptnode.jsormpaginationprisma2

Timeout for jQuery animations

My jQuery animation script is causing an issue where it does not finish the animation before returning to the parent function. Specifically, the JavaScript code changes a background color, calls the animate function, the animation starts but doesn't c ...

javascriptjquery

The Joys of Delayed Animation with jQuery Isotope

Has anyone successfully modified the CSS3 transitions in jquery Isotope to incorporate a delay for shuffling items, such as using "transition-delay: 0s, 1s;"? I am aiming for a specific shuffle direction - first left, then down - to create a more calculat ...

jquerycssjquery-isotope

The dropdown menu repeatedly opens the initial menu only

My script fetches data from a database to populate a table with one row for each member. Each row contains a dropdown list with the same class and ID. Although I attempted to open and close the dropdowns using specific codes, I am facing an issue where onl ...

javascriptphpdrop-down-menu

Learning to access a base64 encoded PDF file using JavaScript

var ajaxSettings = { url: urls.orders.list+"/"+singlePacket.requests[0].order_id+"/labels", //retrieve labels with ShipperAssigned status type: "GET", contentType: "application/json", headers: { "Authorizatio ...

javascriptjquerypdf

Jest fails to pass when encountering the double colon

Having issues testing a React app using Jest. I encounter errors when running my code: FAIL src\App.test.js ● Test suite failed to run C:/Users/user1/Projects/map-editor/src/App.js: Unexpected token (40:33) 38 | <div cla ...

javascriptreactjsbabeljsjestjsecmascript-next

Using codeigniter and JQuery, I have developed a unique Javascript function to selectively extract a specific portion of text

I'm currently working with the following syntax: $("#orderbynumber").autocomplete( { source: "get_orders_by_order_number", messages: { noResults: '', results: function() {} }, select: function( event, ui ) { var select ...

javascriptjquerycodeigniter