Several people have asked me how I do web development. I understand they are looking to find easier ways of doing it, and I want to help. The truth is: I'm about to disappoint you. I do it the hard way (but there are some awesome advantages).
For starters, here is a list of software categories and the specific tools I like.
- Text Editor
- Web Browser
- Chrome - this category might seem unnecessary, but Chrome's development tools are second to none. Take a little time to play with them, look up some tutorials, it will cut down on troubleshooting (sorry Firefox--I used to love you).
- Local Web Server
- Xampp - you could go through the hassle of installing Apache or IIE (eww) and setup a database and make it work with PHP, but why? Just install Xampp if you are on Windows or Mac. In Linux I Google for the all in one LAMP stack install apt-get command.
- FTP Client
- Filezilla - I'm tempted to look for something new because it's hosted on Sourceforge. Take care to uncheck all the crap ware when installing. While writing this I found a download san Sourceforge (linked). I cannot vouch for being up to date or lacking crap ware.
- Revision Control
- Git - whether you choose to use GitHub or BitBucket, this is the revision control of the Gods. GitHub has lots of nice charts, BitBucket allows for free private repositories. If you don't know how to use Git, check this place out. It's worth learning the command line tools.
That's it. Install them and mash the keyboard until a beautiful website comes out.
You want more?
Okay.
First things first. What are we doing? If there is no database or backend, you can skip Xampp. It's only needed for PHP and MySQL. Almost always you use PHP to get to the crud in the database (CRUD: Create, Read, Update, Delete I didn't just make that up). There are a ton of tutorials out there to help with that, but this PDO tutorial is a useful one.
I start with an empty folder (if you got this far please tell me you can make a new folder). Then I put an index.html file in there. Then I open it with Sublime, sometimes Atom. I start by typing:
Yes I type it. I don't know why, that's just how I do it. You can do it pretty quick with line duplication features all the mentioned text editors offer. There is an added bonus of looking really cool when you do in front of someone else.
![]() |
How lazy is this guy? He didn't even indent the body contents. |
At this point you should be able to open the index.html file in Chrome and see things. In Chrome on real computers, you can hit F12 to open the development tools. On a Mac I guess you have to use that single button mouse you're all so gaga about and open the tools with the menu. I have no idea how to do it on a Mac because I'm a poor college student.
![]() |
Okay, so I didn't know how to make a new folder :( |
I apologize if this seems patronizing and easy. It is not my intent to show off how I do things the hard way. The advantage of this method is when development gets more complex (and it will if you want it to get prettier than my "wut!" example).
You probably already know the basics of html and css, and if you want to know them better, Codecademy has you covered. Next comes JavaScript (no worries, Codecademy has that too). About half way into the JavaScript track on Codecademy, you're going to think "Damn James this is hard and you're crazy." Next let me introduce you to libraries.
About half the websites today (not a totally made up but not backed up statistic--Google it) uses a JavaScript library called jQuery. The basic goal of jQuery is to make JavaScript development easier and uniform across major web browsers. This is such a good library, it also has a course on Codecademy. Taking the time to understand JavaScript makes you pretty awesome at jQuery.
I've recently become partial to Bootstrap. All you need to know is that Boostrap is a CSS file and a JavaScript file. It's well documented and has simple examples on their website. Bootstrap is the reason so many websites look similar. Once you get to know it, you can churn out some decent looking websites in a short amount of time.
That covers just about everything. Make some files. Throw in some libraries if you want. Use Git as you go--especially if working in a group. Test on your local machine with Xampp if you need it. Then put it on your webhost with an FTP client.
No doubt there are better ways. This is my way.
78 comments:
This is exactly the lost point in web development! There are many classes out there to teach you how to do that but not the right tools!
Thank you James for sharing :)
Excellent blog with knowledgeable information found very useful thank you.
Data Science Course in Hyderabad
Top quality blog with very informative information found very useful thanks for sharing and hopping for some more informative posts.
Data Analytics Course Online
A good blog always contains new and exciting information and as I read it I felt that this blog really has all of these qualities that make a blog.
Data Analytics Course in Bangalore
Great article. I highly recommended you. Click here for data science course in Hyderabad.
I finally found a great article here. I just added your blog to my bookmarking sites thank you.
Data Science Course in Bangalore
Useful information, Thank you for sharing...
Data science training in chennai
Data science training in chennai
Mua vé máy bay liên hệ Aivivu, tham khảo
vé máy bay đi Mỹ bao nhiêu
chuyến bay mỹ về việt nam
vé máy bay đi phú quốc
máy bay đi nha trang giá rẻ
vé máy bay hà nội sài gòn bao nhiêu tiền
I see some amazingly important and kept up to length of your strength searching for in your on the site
business analytics course
Very awesome!!! When I searched for this I found this website at the top of all blogs in search engines.
Best Institutes For Digital Marketing in Hyderabad
You have completed certain reliable points there. I did some research on the subject and found that almost everyone will agree with your blog.
Data Analytics Courses in Bangalore
I wanted to leave a little comment to support you and wish you the best of luck. We wish you the best of luck in all of your blogging endeavors.
Data Science In Bangalore
I Want to leave a little comment to support and wish you the best of luck.we wish you the best of luck in all your blogging endeavors.
data science certification in banagalore
I want to leave a little comment to support and wish you the best of luck.we wish you the best of luck in all your blogging enedevors.
data science institute in bangalore
After reading your article I was amazed. I know that you explain it very well. And I hope that other readers will also experience how I feel after reading your article.
digital marketing courses in hyderabad with placement
Really wonderful blog completely enjoyed reading and learning to gain the vast knowledge. Eventually, this blog helps in developing certain skills which in turn helpful in implementing those skills. Thanking the blogger for delivering such a beautiful content and keep posting the contents in upcoming days.
data science in bangalore
Thanks for Sharing This Article. It is very so much valuable content.
Data Science Training in Hyderabad
Data Science Course in Hyderabad
Nice Blog. Thanks for sharing with us. Such amazing information.
Only Blog
Guest Blogger
Guest Blogging Site
Guest Blogging Website
Guest Posting Site
This is my first time pay a visit at here and i am truly happy to read everthing at single place.|
data scientist training in hyderabad
great article!! sharing these type of articles is the nice one and i hope you will share an article on data science.By giving a institute like 360DigiTMG.it is one the best institute for doing certified courses
data science courses
I am sure it will help many people. Keep up the good work. It's very compelling and I enjoyed browsing the entire blog.
Best Data Science Courses in Bangalore
I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end. I would like to read newer posts and to share my thoughts with you.
digital marketing courses in hyderabad with placement
I like viewing web sites which comprehend the price of delivering the excellent useful resource free of charge. I truly adored reading your posting. Thank you!
best data science institute in Hyderabad
Hi to everybody, here every one is sharing such knowledge, so it’s fastidious to see this site, and I used to visit this blog daily
business analytics course
Amazing blog.Thanks for sharing such excellent information with us. keep sharing...
machine learning course in aurangabad
Wonderful blog. I delighted in perusing your articles. This is genuinely an incredible perused for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
best machine learning course in aurangabad
You totally coordinate our desire and the assortment of our data.
data scientist online course
Just the way I have expected. Your website really is interesting.
Best Data Science courses in Hyderabad
It is a great pleasure to read your message. It's full of information I'm looking for and love to post a comment that says "The content of your post is amazing". Excellent work.
CCNA course in Dhule
CCNA Classes in Dhule
CCNA Training in Dhule
Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.
digital marketing courses in hyderabad with placement
Thanks for the informative and helpful post, obviously in your blog everything is good..
business analytics course
Thank you, a lot, for providing individuals with a very spectacular possibility to read content from this site.
Data Science Training in Hyderabad
Data Science Course in Hyderabad
I will really appreciate the writer's choice for choosing this excellent article appropriate to my matter.Here is deep description about the article matter which helped me more.
data science course
Thanks a lot for sharing this with all of us, I like it and we can communicate.
AWS Training in Hyderabad
AWS Course in Hyderabad
A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.
data science training in malaysia
Please share this more. Thanks for sharing useful information and don't forget to share useful information.If you are flying to your destination and transiting through Turkey, you will need to obtain a Visa Transit Turkey. This visa allows you to travel through Turkey.
Thanks for posting the best information and the blog is very helpful.
Python Training in Bangalore | Python Online Training
Artificial Intelligence Training in Bangalore | Artificial Intelligence Online Training
Data Science Training in Bangalore | Data Science Online Training
Machine Learning Training in Bangalore | Machine Learning Online Training
AWS Training in bangalore | AWS Training
UiPath Training in Bangalore | UiPath Online Training
I really enjoyed reading this post, big fan. Keep up the good work and please tell me when can you publish more articles or where can I read more on the subject?
artificial intelligence training in hyderabad
We are tied directly into the sate’s renewal database which allows us to process your request almost instantly.
buy essays cyber security course in delhi
Excellent Blog! I would like to thank for the efforts you have made in writing this post. I am hoping the same best work from you in the future as well. I wanted to thank you for this websites! Thanks for sharing. Great websites!data science in nagpur
I just got to this amazing site not long ago. I was actually captured with the piece of resources you have got here. Big thumbs up for making such wonderful blog page! machine learning course in nagpur
Digital Marketing Training in KPHB with 100% Internships & Job Assistance
This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest posts. I will visit your blog regularly for Some latest posts.
cloud computing course fee in hyderabad
Excellent effort to make this blog more wonderful and attractive.
Business Analytics Course in Bangalore
You have completed certain reliable points there. I did some research on the subject and found that almost everyone will agree with your blog.
IoT Training Institute in Bangalore
Very good points you wrote here..Great stuff...I think you've made some truly interesting points.Keep up the good work.
aws online training in hyderabad
Your blog provided us with valuable information to work with. Each & every tip of your post is awesome. Thanks a lot for sharing. Keep blogging,
data science course in hyderabad
This blog was really great, never seen a great blog like this before. i think im gonna share this to my friends..
data science course in hyderabad
Very good message. I came across your blog and wanted to tell you that I really enjoyed reading your articles.
Business Analytics Course in Kolkata
I'm always looking online for articles that can help me. I think you also made some good comments on the functions. Keep up the good work!
Data Analytics Bangalore
Very wonderful informative article. I appreciated looking at your article. Very wonderful reveal. I would like to twit this on my followers. Many thanks! .
Data Analytics training in Bangalore
Great post, Thanks for sharing a this post filled with a lot of information. keep up the good work
Business Analytics Course in Ahmedabad
You finished certain solid focuses there. I did a pursuit regarding the matter and discovered almost all people will concur with your blog.
360DigiTMG, the top-rated organisation among the most prestigious industries around the world, is an educational destination for those looking to pursue their dreams around the globe. The company is changing careers of many people through constant improvement, 360DigiTMG provides an outstanding learning experience and distinguishes itself from the pack. 360DigiTMG is a prominent global presence by offering world-class training. Its main office is in India and subsidiaries across Malaysia, USA, East Asia, Australia, Uk, Netherlands, and the Middle East.
Very informative message! There is so much information here that can help any business start a successful social media campaign!
Data Science Training in Gorakhpur
It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
Data Analytics Bangalore
I am glad that I saw this post. It is an informative blog for us and we need this type of blog thanks for sharing this blog,
Keep posting such instructional blogs.
Get placement along with certification by enrolling in data science course Bangalore, Learnbay.
it was a wonderful chance to visit this kind of site and I am happy to know. thank you so much for giving us a chance to have this opportunity.. data science training in surat
Machine learning is the core part of AI. Machines are trained to perform actions automatically like the friend suggestion on Facebook, the recommendations about a particular product on amazon.data science course in jalandhar
It is a subcategory of data analysis. It takes out the hidden patterns from big data. Its main task is to develop models for machine learning that is employed in AI.
It shows how well you understand this subject.
data science institutes in hyderabad
Are you looking for a Data Science course that will aid you in your career growth. 360DigiTMG is the right place for you. Enroll now for a better tomorrow.
Data Science Course in Bangalore
Data Science is the next big thing in the IT industry. Start your career in Data Science with 360DigiTMG’s Data Science training program. Enroll now!
Data Science Course in Bangalore with Placement
Java full stack course in Bangalore
Java full stack Course in Bangalore with the aid of NearLearn is designed for all those who are inclined to come to be expert developers. With Java full-stack Training Certification you can discover out about gathering a without a doubt functioning internet software program application software program alongside the deep-rooted information of server pages, servlets, quintessential and most appropriate JSTL, and many more. NearLearn is one of the exceedingly applicable institutes for Java full-stack Training in Bangalore. We are famed for growing unbreakable archives of worthwhile specialists with total information of Java full-stack. We hold immoderate necessities in our session transport with real-time initiatives to make extremely good the excellence of our aspirants.
LINK: https://nearlearn.com/courses/java-full-stack-online-training
360DigiTMG is the top-ranked and the best Data Science Course Training Institute in Hyderabad..
data analytics course in lucknow
"Best Digital Marketing Course in Hyderabad - gain the knowledge you need to advance your career, and prove you’re equipped to take on modern marketing challenges.
"
Nice Article
React JS Training in Hyderabad!
Are you still unsuccessful in your search for the top online data science courses? Several platforms provide data science courses, but it's crucial to focus on those that meet your requirements and allow for domain specialisation. A few training opportunities in data science are included below for those who are just entering the profession.data science course training in faridabad
very interesting and informative content. Thanks for the posting
data science course fees in nagpur
Penang's IT companies are actively involved in fostering a collaborative and supportive ecosystem. it companies in penang
"How I Work" is an intriguing and insightful glimpse into individuals' work habits, routines, and productivity strategies. It offers valuable lessons and inspiration for those looking to optimize their work lives. Highly recommended for anyone seeking practical advice and diverse perspectives on achieving professional success. Lawyer Estate
Thank you for your informative blog on How I Work. Your passion for this subject shines through in every post.Abogado Conducción Imprudente Nueva Jersey
"Your blog post leads us on a reflective voyage, artfully fusing profound insights with eloquent storytelling. Your adeptness at simplifying intricate ideas is truly remarkable. Traveling through your content is like an illuminating exploration, leaving us enriched and curious. Thank you for imparting this enriching piece that deeply connects with your readers."
"How I Work" offers readers a valuable glimpse into the author's professional approach, providing insights and strategies. The review appreciates the transparency and authenticity in sharing work methodologies, fostering a sense of connection with the audience. The article's practical advice and personal anecdotes enhance its relatability, making it a valuable resource for those seeking inspiration in their own work routines. The review commends the article's balance of informative content and an engaging narrative, making it a compelling and insightful read. In summary, "How I Work" stands out as a practical and relatable guide to professional workflows and strategies. dui lexington va
Entering into this blog post felt like embarking on a pilgrimage through the landscape of human thought. Each paragraph revealed a new vista of insight, weaving together a tapestry of diverse perspectives. It's remarkable how language can provoke such deep contemplation, stirring the embers of introspection with every word. My gratitude extends to the author for crafting this thought-provoking narrative, guiding readers on a journey through the labyrinth of cognition.
"How I Work" provides readers with invaluable insights into the productivity and efficiency strategies of successful individuals. Through candid reflections and practical advice, this book offers a roadmap for optimizing workflow and achieving professional goals. Whether you're an entrepreneur, a freelancer, or a corporate executive, you'll find actionable tips and techniques to streamline your work process and enhance your performance. With its relatable anecdotes and actionable takeaways, "How I Work" is a must-read for anyone looking to unlock their full potential and excel in their endeavors. abogados de accidentes de camiones comerciales
Thanks! Very interesting to read. This is really very helpful. Top 8 Best Data Science Course In Lucknow
Thanks for sharing your process—there’s a lot here that I can incorporate into my own routine to work smarter!
Post a Comment